EditControl.cshtml 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. @{
  2. ViewBag.Title = "编辑控件";
  3. Layout = "~/Views/Shared/_Form.cshtml";
  4. }
  5. <script>
  6. var controlId = request('controlId');
  7. var dataJson = top.Form.bindingFormJson;
  8. $(function () {
  9. $.each(dataJson, function (i) {
  10. if (dataJson[i].ControlId == controlId) {
  11. var data = dataJson[i];
  12. $("#form1").SetWebControls(data);
  13. $("input[name='ControlColspan'][value=" + data.ControlColspan + "]").attr("checked", true);
  14. return false;
  15. }
  16. });
  17. })
  18. //保存表单
  19. function AcceptClick(callBack) {
  20. var data = {
  21. ControlId: $("#ControlId").val(),
  22. ControlName: $("#ControlName").val(),
  23. ControlValidator: $("#ControlValidator").val(),
  24. ControlType: $("#ControlType").val(),
  25. ControlColspan: $("input[name='ControlColspan']:checked").val(),
  26. ControlDefault: $("#ControlDefault").val()
  27. }
  28. callBack(data);
  29. dialogClose();
  30. }
  31. </script>
  32. <div style="margin-left: 10px; margin-top: 20px; margin-right: 30px;">
  33. <table class="form">
  34. <tr>
  35. <th class="formTitle">字段标识</th>
  36. <td class="formValue">
  37. <input id="ControlId" disabled type="text" class="form-control" />
  38. </td>
  39. </tr>
  40. <tr>
  41. <th class="formTitle">字段名称</th>
  42. <td class="formValue">
  43. <input id="ControlName" type="text" class="form-control" />
  44. </td>
  45. </tr>
  46. <tr>
  47. <td class="formTitle">字段验证</td>
  48. <td class="formValue">
  49. <select id="ControlValidator" class="form-control">
  50. <option value="">==请选择==</option>
  51. <option value="NotNull">不能为空</option>
  52. <option value="Num">数字</option>
  53. <option value="NumOrNull">数字或空</option>
  54. <option value="Double">小数</option>
  55. <option value="DoubleOrNull">小数或空</option>
  56. <option value="Phone">必须电话格式</option>
  57. <option value="PhoneOrNull">必须电话格式或空</option>
  58. <option value="Mobile">手机格式</option>
  59. <option value="MobileOrNull">手机格式或空</option>
  60. <option value="Email">电子邮件格式</option>
  61. <option value="isEmailOrNull">电子邮件格式或空</option>
  62. <option value="IDCard">身份证格式</option>
  63. <option value="IDCardOrNull">身份证格式或空</option>
  64. </select>
  65. </td>
  66. </tr>
  67. <tr>
  68. <td class="formTitle">字段类型</td>
  69. <td class="formValue">
  70. <select id="ControlType" class="form-control">
  71. <option value="input">文本框</option>
  72. <option value="select">下拉框</option>
  73. <option value="datetime">日期框</option>
  74. <option value="textarea">文本区</option>
  75. </select>
  76. </td>
  77. </tr>
  78. <tr>
  79. <th class="formTitle">合并列</th>
  80. <td class="formValue">
  81. <div class="radio">
  82. <label>
  83. <input name="ControlColspan" type="radio" checked="checked" value="0">
  84. 不合并
  85. </label>
  86. <label>
  87. <input name="ControlColspan" type="radio" value="1">
  88. 合并
  89. </label>
  90. </div>
  91. </td>
  92. </tr>
  93. <tr>
  94. <th class="formTitle">默认值</th>
  95. <td class="formValue">
  96. <input id="ControlDefault" type="text" class="form-control" />
  97. </td>
  98. </tr>
  99. </table>
  100. </div>