ItemForm.cshtml 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. @{
  2. ViewBag.Title = "规则设计项目表单";
  3. Layout = "~/Views/Shared/_Form.cshtml";
  4. }
  5. <script>
  6. var keyValue = request('keyValue');
  7. $(function () {
  8. $("#ItemType").ComboBox({
  9. description: "==请选择==",
  10. }).bind("change", function () {
  11. var value = $(this).attr('data-value');
  12. var $formValue = $("#FormatStr").parents('.formValue');
  13. $("#StepValue").attr("readonly", "readonly").attr('[isvalid=no]'); $("#InitValue").attr("readonly", "readonly").attr('[isvalid=no]');
  14. switch (value) {
  15. case "0":
  16. $formValue.html('<input id="FormatStr" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" />');
  17. break;
  18. case "1":
  19. $formValue.html('<div id="FormatStr" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull"><ul>'
  20. + '<li data-value="mmdd">mmdd</li>'
  21. + '<li data-value="ddmm">ddmm</li>'
  22. + '<li data-value="mmyy">mmyy</li>'
  23. + '<li data-value="yymm">yymm</li>'
  24. + '<li data-value="yyyymm">yyyymm</li>'
  25. + '<li data-value="yymmdd">yymmdd</li>'
  26. + '<li data-value="yyyymmdd">yyyymmdd</li>'
  27. + '</ul></div>'); $("#FormatStr").ComboBox({
  28. height: "130px",
  29. }).ComboBoxSetValue('mmdd'); break;
  30. case "2":
  31. $formValue.html('<div id="FormatStr" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull"><ul>'
  32. + '<li data-value="000">000</li>'
  33. + '<li data-value="0000">0000</li>'
  34. + '<li data-value="00000">00000</li>'
  35. + '<li data-value="000000">000000</li>'
  36. + '</ul></div>'); $("#FormatStr").ComboBox({
  37. }).ComboBoxSetValue('000');
  38. $("#StepValue").removeAttr("readonly").attr('isvalid','yes'); $("#InitValue").removeAttr("readonly").attr('isvalid', 'yes');
  39. break;
  40. case "3":
  41. $formValue.html('<div id="FormatStr" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull"><ul>'
  42. + '<li data-value="code">公司编号</li>'
  43. + '<li data-value="name">公司名称</li>'
  44. + '</ul></div>'); $("#FormatStr").ComboBox({
  45. }).ComboBoxSetValue('code'); break;
  46. case "4":
  47. $formValue.html('<div id="FormatStr" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull"><ul>'
  48. + '<li data-value="code">部门编号</li>'
  49. + '<li data-value="name">部门名称</li>'
  50. + '</ul></div>'); $("#FormatStr").ComboBox({
  51. }).ComboBoxSetValue('code');
  52. break;
  53. case "5":
  54. $formValue.html('<div id="FormatStr" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull"><ul>'
  55. + '<li data-value="code">用户编号</li>'
  56. + '<li data-value="name">用户名称</li>'
  57. + '</ul></div>'); $("#FormatStr").ComboBox({
  58. }).ComboBoxSetValue('code');
  59. break;
  60. default:
  61. break;
  62. }
  63. }).ComboBoxSetValue(0);
  64. //获取表单
  65. if (!!keyValue) {
  66. var rowdata = top.Form.$("#gridTable").jqGridRow()[0];
  67. $("#form1").SetWebControls(rowdata);
  68. if (rowdata.ItemType == 2) {
  69. $("#StepValue").removeAttr("readonly").attr('isvalid', 'yes'); $("#InitValue").removeAttr("readonly").attr('isvalid', 'yes');
  70. }
  71. }
  72. })
  73. //保存表单
  74. function AcceptClick() {
  75. if (!$('#form1').Validform()) {
  76. return false;
  77. }
  78. var $gridTable = top.Form.$("#gridTable");
  79. var postData = $("#form1").GetWebControls("");
  80. postData["ItemTypeName"] = $("#ItemType").attr('data-text');
  81. if (!!keyValue) {
  82. $gridTable.setRowData(keyValue, postData);
  83. } else {
  84. $gridTable.addRowData(($gridTable.jqGrid("getRowData").length + 1), postData);
  85. }
  86. dialogMsg("操作成功。", 1);
  87. dialogClose();
  88. }
  89. </script>
  90. <div style="margin-top: 20px; margin-right: 30px;">
  91. <table class="form">
  92. <tr>
  93. <th class="formTitle">前缀<font face="宋体">*</font></th>
  94. <td class="formValue">
  95. <div id="ItemType" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull">
  96. <ul>
  97. <li data-value="0">自定义</li>
  98. <li data-value="1">日期</li>
  99. <li data-value="2">流水号</li>
  100. <li data-value="3">公司</li>
  101. <li data-value="4">部门</li>
  102. <li data-value="5">用户</li>
  103. </ul>
  104. </div>
  105. </td>
  106. </tr>
  107. <tr>
  108. <th class="formTitle">格式<font face="宋体">*</font></th>
  109. <td class="formValue">
  110. <input id="FormatStr" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" />
  111. </td>
  112. </tr>
  113. <tr>
  114. <th class="formTitle">步长</th>
  115. <td class="formValue">
  116. <input id="StepValue" readonly type="text" class="form-control" isvalid="no" checkexpession="NotNull" />
  117. </td>
  118. </tr>
  119. <tr>
  120. <th class="formTitle">初始</th>
  121. <td class="formValue">
  122. <input id="InitValue" readonly type="text" class="form-control" isvalid="no" checkexpession="NotNull" />
  123. </td>
  124. </tr>
  125. <tr>
  126. <th class="formTitle">说明
  127. </th>
  128. <td class="formValue">
  129. <input id="Description" type="text" class="form-control" />
  130. </td>
  131. </tr>
  132. </table>
  133. </div>