edit.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  2. <div class="form-group">
  3. <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
  4. <div class="col-xs-12 col-sm-8">
  5. <input id="c-name" class="form-control" name="row[name]" type="text" data-rule="required" value="{$row.name}" >
  6. </div>
  7. </div>
  8. <div class="form-group">
  9. <label class="control-label col-xs-12 col-sm-2">比例分配:</label>
  10. <div class="col-xs-12 col-sm-8">
  11. <dl class="fieldlist" data-name="row[ratio]" data-template="testtpl">
  12. <dd>
  13. <ins style="width: 200px">比例(总数:100%)</ins>
  14. </dd>
  15. <dd>
  16. <a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a>
  17. </dd>
  18. <textarea name="row[ratio]" class="form-control hide" data-rule="required" cols="30" rows="5">{$row.ratio}</textarea>
  19. </dl>
  20. </div>
  21. </div>
  22. <div class="form-group">
  23. <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
  24. <div class="col-xs-12 col-sm-8">
  25. {:build_radios('row[status]', ['1'=>__('启用'), '0'=>__('禁用')],$row['status'])}
  26. </div>
  27. </div>
  28. <div class="form-group layer-footer">
  29. <label class="control-label col-xs-12 col-sm-2"></label>
  30. <div class="col-xs-12 col-sm-8">
  31. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  32. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  33. </div>
  34. </div>
  35. </form>
  36. <!--定义模板,模板语法使用Art-Template模板语法-->
  37. <script type="text/html" id="testtpl">
  38. <dd class="form-inline">
  39. <input type="number" name="row[<%=name%>][<%=index%>][ratio]" placeholder="比例" class="form-control" value="<%=row['ratio']%>" >%
  40. <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
  41. </dd>
  42. </script>