commonChart.jsp 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <%--
  2. time:2012-10-23 17:59:41
  3. desc:edit the 自定义显示
  4. --%>
  5. <%@page language="java" pageEncoding="UTF-8"%>
  6. <%@include file="/commons/include/html_doctype.html"%>
  7. <html>
  8. <head>
  9. <title>编辑 自定义显示</title>
  10. <%@include file="/commons/include/form.jsp" %>
  11. <script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
  12. <script type="text/javascript" src="${ctx}/js/hotent/formdata.js"></script>
  13. <script type="text/javascript"src="${ctx}/js/hotent/platform/system/ScriptDialog.js"></script>
  14. <style type="text/css">
  15. .hide{
  16. display: none;
  17. overflow: auto;
  18. }
  19. </style>
  20. <script type="text/javascript">
  21. $(function() {
  22. var inputArgs = window.dialogArguments;
  23. var isAdd=inputArgs.isAdd;
  24. var fields=inputArgs.fields;
  25. var setting=inputArgs.setting;
  26. initColumns(fields);
  27. if(setting){
  28. initSetting(setting);
  29. }
  30. });
  31. /*
  32. *初始化数据列的表
  33. */
  34. function initColumns(fields){
  35. var columnsTbl = $("#columnsTbl tbody").html("");
  36. for(var i=0;i<fields.length;i++){
  37. var field=fields[i];
  38. var tr = constructColumnTr(field);
  39. columnsTbl.append(tr);
  40. }
  41. }
  42. /*
  43. *初始化显示设置
  44. */
  45. function initSetting(setting){
  46. for(var i=0;i<setting.length;i++){
  47. $("#columnsTbl input[name='fieldDisplay'][fieldName='"+setting[i].name+"']").attr("checked","checked");
  48. }
  49. }
  50. /*
  51. *构造SQL语句选择的列的<tr>///////////////
  52. */
  53. function constructColumnTr(field){
  54. var index = field.index;
  55. var type = field.type;
  56. var name = field.name;
  57. var qualifiedName=field.qualifiedName;
  58. var label=field.label;
  59. var comment = field.comment;
  60. if(!comment){
  61. comment=label;
  62. }
  63. // var display=false;
  64. // if(typeof(field.display)!='undefined'){
  65. // display = field.display;
  66. // }
  67. //first td checkbox
  68. var $tdChk = $("<td class='hide'></td>");
  69. // var $inputChk = $("<input></input>")
  70. // $inputChk.attr("name","fieldCheckBox");
  71. // $inputChk.attr("type","checkbox");
  72. // $tdChk.append($inputChk);
  73. $inputHidden=$("<input type='hidden'/>")
  74. $inputHidden.val(JSON2.stringify(field));
  75. $tdChk.append($inputHidden);
  76. //second td field name
  77. var $tdName = $("<td></td>");
  78. $tdName.append(name);
  79. //third td field comment
  80. var $tdComment = $("<td></td>");
  81. var $inputComment=$("<input ></input>");
  82. $inputComment.attr("name","fieldComment");
  83. $inputComment.val(comment);
  84. $tdComment.append($inputComment);
  85. //four td column select checkedbox
  86. var $tdSelect = $("<td></td>");
  87. var $checkbox=$("<input></input>");
  88. $checkbox.attr("name","fieldDisplay");
  89. $checkbox.attr("type","checkbox");
  90. $checkbox.attr("fieldName",name);
  91. $tdSelect.append($checkbox);
  92. //Tr
  93. var $tr=$("<tr></tr>");
  94. $tr.append($tdChk);
  95. $tr.append($tdName);
  96. $tr.append($tdComment);
  97. $tr.append($tdSelect);
  98. return $tr;
  99. }
  100. /**
  101. * 取得参数设置
  102. */
  103. function getAllSetting(){
  104. var settings={
  105. setting:new Array()
  106. };
  107. //取显示字段
  108. $("#columnsTbl input:[name='fieldDisplay']:checked").each(function(){
  109. var field=$.parseJSON($(this).closest("tr").find("input[type='hidden']").val());
  110. var comment = $(this).closest("tr").find("input[name='fieldComment']").val();
  111. field.comment=comment;
  112. settings.setting.push(field);
  113. });
  114. if(settings.setting.length<1){
  115. $.ligerDialog.error("请选择显示字段!");
  116. return false;
  117. }
  118. return settings;
  119. }
  120. /*
  121. *保存设置
  122. */
  123. function saveForm(){
  124. var settings =getAllSetting();
  125. if(!settings){
  126. return;
  127. }
  128. window.returnValue=settings;
  129. window.close();
  130. }
  131. /*
  132. *构造标签
  133. */
  134. function constructTag(name,props,text){
  135. var tag = $("<"+name+"></"+name+">");
  136. for(var key in props){
  137. tag.attr(key,props[key]);
  138. }
  139. if(text){
  140. tag.text(text);
  141. }
  142. return tag;
  143. }
  144. </script>
  145. </head>
  146. <body>
  147. <div class="panel">
  148. <div id="dispField" style="border: 1px solid rgb(123, 171, 207);height: 548px;overflow: auto;">
  149. <table id="columnsTbl" class="table-grid">
  150. <thead>
  151. <tr>
  152. <!-- <th>选择</th> -->
  153. <th>列名</th>
  154. <th>注释</th>
  155. <th>显示</th>
  156. </tr>
  157. </thead>
  158. <tbody>
  159. </tbody>
  160. </table>
  161. </div>
  162. </div>
  163. <div id="disp">
  164. </div>
  165. <div position="bottom" class="bottom" style="padding-top: 15px;">
  166. <a href='#' class='button' onclick="saveForm()" ><span class="icon ok"></span><span >确定</span></a>
  167. <a href='#' class='button' style='margin-left:10px;' onclick="window.close()"><span class="icon cancel"></span><span >取消</span></a>
  168. </div>
  169. </body>
  170. </html>