lgmoreLgEdit.jsp 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/commons/include/html_doctype.html" %>
  3. <html>
  4. <head>
  5. <title>页内编辑多种编辑器模式Demo</title>
  6. <%@include file="/js/lg/getLg.jsp"%>
  7. <script type="text/javascript">
  8. $(function(){
  9. //动态添加 columns
  10. var columns=[
  11. {
  12. display : '姓名',
  13. name : 'name',
  14. type : 'text',
  15. isSort : true,
  16. editor: {
  17. type: 'text'
  18. }
  19. },
  20. {
  21. display : '性别',
  22. name : 'sex',
  23. type : 'text',
  24. isSort : true,
  25. editor: {
  26. type: 'select',
  27. data:getSelectData('[{"key":"1","value":"男"},{"key":"0","value":"女"}]','sex'),
  28. valueField : 'sex'
  29. },
  30. render: function (item){
  31. var datas=getSelectData('[{"key":"1","value":"男"},{"key":"0","value":"女"}]','sex');
  32. for(var data in datas){
  33. if(item.sex==datas[data]['sex']){
  34. return datas[data]['text'];
  35. }
  36. }
  37. }
  38. },
  39. {
  40. display : '生日',
  41. name : 'birthday',
  42. type : 'date',
  43. format : getFormat('{"format":"yyyy-MM-dd","displayDate":0}'),
  44. isSort : true,
  45. editor: {
  46. type: 'date'
  47. }
  48. },
  49. {
  50. display : '结婚日期',
  51. name : 'jiehunDay',
  52. type : 'date',
  53. format : getFormat('{"format":"yyyy-MM-dd","displayDate":0}'),
  54. isSort : true,
  55. editor: {
  56. type: 'date'
  57. }
  58. },
  59. {
  60. display : '备注',
  61. name : 'comment',
  62. type : 'text',
  63. isSort : false,
  64. editor: {
  65. type: 'textarea',
  66. height:100
  67. }
  68. },
  69. {
  70. display : '选择用户',
  71. name : 'selectUser',
  72. type : 'text',
  73. isSort : true,
  74. editor: {
  75. type: 'selectUser',
  76. multi: true
  77. }
  78. },
  79. {
  80. display : '选择组织',
  81. name : 'selectOrg',
  82. type : 'text',
  83. isSort : true,
  84. editor: {
  85. type: 'selectOrg',
  86. multi: true
  87. }
  88. },
  89. {
  90. display : '选择角色',
  91. name : 'selectRole',
  92. type : 'text',
  93. isSort : true,
  94. editor: {
  95. type: 'selectRole',
  96. multi: false
  97. }
  98. },
  99. {
  100. display : '选择岗位',
  101. name : 'selectJob',
  102. type : 'text',
  103. isSort : true,
  104. editor: {
  105. type: 'selectPos',
  106. multi: true
  107. }
  108. },
  109. {
  110. display : '下拉选项',
  111. name : 'selectOpinion',
  112. type : 'text',
  113. isSort : true,
  114. editor: {
  115. type: 'select',
  116. data:getSelectData('[{"key":"选择1","value":"选择1"},{"key":"选择2","value":"选择2"},{"key":"选择3","value":"选择3"},{"key":"选择4","value":"选择4"},{"key":"选择5","value":"选择5"}]','selectOpinion'),
  117. valueField : 'selectOpinion'
  118. },
  119. render: function (item){
  120. var datas=getSelectData('[{"key":"选择1","value":"选择1"},{"key":"选择2","value":"选择2"},{"key":"选择3","value":"选择3"},{"key":"选择4","value":"选择4"},{"key":"选择5","value":"选择5"}]','selectOpinion');
  121. for(var data in datas){
  122. if(item.selectOpinion==datas[data]['selectOpinion']){
  123. return datas[data]['text'];
  124. }
  125. }
  126. }
  127. }]
  128. initData({"columns":columns,"innerEdit":false,"needToolbar":true});
  129. })
  130. </script>
  131. </head>
  132. <body>
  133. <div class="panel">
  134. <div class="panel-top">
  135. <div class="tbar-title">
  136. <span class="tbar-label">lg多样化管理列表</span>
  137. </div>
  138. <div class="panel-toolbar">
  139. <div class="toolBar">
  140. <div class="groupUI"><a class="link search" id="btnSearch"><span></span>查询</a></div>
  141. <div class="l-bar-separator"></div>
  142. <div class="groupUI"><a class="link add" href="edit.ht"><span></span>添加</a></div>
  143. <div class="l-bar-separator"></div>
  144. <div class="groupUI"><a class="link update" id="btnUpd" action="edit.ht"><span></span>修改</a></div>
  145. <div class="l-bar-separator"></div>
  146. <div class="groupUI"><a class="link del" action="del.ht"><span></span>删除</a></div>
  147. </div>
  148. </div>
  149. <div class="panel-search">
  150. <form id="searchForm" method="post" action="getList.ht">
  151. <div class="row">
  152. <span class="label">姓名:</span><input type="text" name="Q_name_S" class="inputText" />
  153. <span class="label">性别:</span><input type="text" name="Q_sex_S" class="inputText" />
  154. <span class="label">生日 从:</span> <input name="Q_beginbirthday_DL" class="inputText date" />
  155. <span class="label">至: </span><input name="Q_endbirthday_DG" class="inputText date" />
  156. <span class="label">结婚日期 从:</span> <input name="Q_beginjiehunDay_DL" class="inputText date" />
  157. <span class="label">至: </span><input name="Q_endjiehunDay_DG" class="inputText date" />
  158. <span class="label">工作性质:</span><input type="text" name="Q_jobType_S" class="inputText" />
  159. </div>
  160. </form>
  161. </div>
  162. </div>
  163. <div class="panel-body">
  164. <div id="grid" style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"></div>
  165. </div><!-- end of panel-body -->
  166. </div> <!-- end of panel -->
  167. </body>
  168. </html>