orgSelect.jsp 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html >
  4. <html>
  5. <!-- update-begin--Author:xuelin Date:20170408 for:[#1814]【标签】弹出所属部门选择,树列表方式,修改默认值显示样式-------------------- -->
  6. <head>
  7. <title><t:mutiLang langKey="common.department.list"/></title>
  8. <t:base type="jquery,easyui,tools,DatePicker"></t:base>
  9. <style type="text/css">
  10. .datagrid-cell{
  11. text-align: center;
  12. }
  13. .datagrid-cell-c1-text{
  14. padding-top: 11px;
  15. text-align: left;
  16. }
  17. .departId{
  18. vertical-align:middle;
  19. margin-top:0;
  20. height:14px;
  21. width:14px;
  22. }
  23. .departName{
  24. font-size:15px;
  25. }
  26. /*update-begin--Author:xuelin Date:20170409 for:[#1814]【标签】弹出所属部门选择,树列表方式,自适应窗体缩放-------------------- */
  27. .datagrid-cell-c1-fieldMap-address{
  28. /*地址列文字靠左对齐*/
  29. text-align: left;
  30. }
  31. /*update-end--Author:xuelin Date:20170409 for:[#1814]【标签】弹出所属部门选择,树列表方式,自适应窗体缩放---------------------- */
  32. </style>
  33. <script type="text/javascript">
  34. var orgIds = '${orgIds}'.split(',');
  35. function formatName(value, row, index) {
  36. //console.info(row);
  37. if (row.iconStyle != null) {
  38. //Set nodes icon , if has
  39. row.iconCls = row.iconStyle;
  40. }
  41. var checkStr = '';
  42. $.each(orgIds, function(i, oid) {
  43. if (oid === row.id) {
  44. checkStr += 'checked=true';
  45. }
  46. });
  47. return '<span class="departName"><input id="cb_' + row.id + '" class="departId" name="'
  48. + row.text + '" type="checkbox" ' + checkStr + ' value="' + row.id + '"/>'
  49. + '<span>'+value+'</span></span>';
  50. }
  51. function formatType(value, row, index){
  52. var orgTyps = ['<t:mutiLang langKey="common.company"/>'
  53. ,'<t:mutiLang langKey="common.department"/>'
  54. ,'<t:mutiLang langKey="common.project"/>'
  55. ,'<t:mutiLang langKey="common.region"/>'];
  56. return orgTyps[value-1];
  57. }
  58. </script>
  59. </head>
  60. <!-- update-begin--Author:xuelin Date:20170409 for:[#1814]【标签】弹出所属部门选择,树列表方式,自适应窗体缩放-------------------- -->
  61. <body style="overflow: hidden;" scroll="no" data-options="fit:true,border:false" class="easyui-layout">
  62. <div region="center" style="padding: 1px;" data-options="fit:true,border:true">
  63. <table id="orgSelect" class="easyui-treegrid"
  64. data-options="url:'departController.do?departgrid',idField:'id',treeField:'text',toolbar:'#tb',border:false,fitColumns:true,fit:true">
  65. <thead>
  66. <tr>
  67. <th data-options="field:'text',width:200,formatter:formatName"><t:mutiLang langKey="common.department.name"/></th>
  68. <th data-options="field:'fieldMap.orgCode',width:80"> <t:mutiLang langKey="common.org.code"/></th>
  69. <th data-options="field:'fieldMap.orgType',width:80,formatter:formatType"><t:mutiLang langKey="common.org.type"/></th>
  70. <th data-options="field:'fieldMap.mobile',width:90"><t:mutiLang langKey="common.mobile"/></th>
  71. <th data-options="field:'fieldMap.address',width:200"><t:mutiLang langKey="common.address"/></th>
  72. </tr>
  73. </thead>
  74. </table>
  75. <div id="tb"><div class="panel-title"><t:mutiLang langKey="please.select.department"/></div></div>
  76. </div>
  77. </body>
  78. <!-- update-end--Author:xuelin Date:20170409 for:[#1814]【标签】弹出所属部门选择,树列表方式,自适应窗体缩放---------------------- -->
  79. <!-- update-end--Author:xuelin Date:20170408 for:[#1814]【标签】弹出所属部门选择,树列表方式,修改默认值显示样式---------------------- -->
  80. </html>