res-list.jsp 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>系统信息列表</title>
  6. <!--框架必需start-->
  7. <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
  9. <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  10. <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/"/>
  11. <link rel="stylesheet" type="text/css" id="customSkin"/>
  12. <!--框架必需end-->
  13. <!--数据表格start-->
  14. <script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
  15. <!--数据表格end-->
  16. <!--树形表格start-->
  17. <script type="text/javascript" src="${ctx}/qui/libs/js/table/treeTable.js"></script>
  18. <!--树形表格end-->
  19. <script type="text/javascript">
  20. var g;
  21. function initComplete(){
  22. g = $("#maingrid").quiGrid({
  23. columns: [
  24. { display: '资源名称', name: 'resourceName', id:'resourceId', width:"25%", align: 'left' },
  25. { display: '资源标识', name: 'resourceEcode',width:"15%", align: 'center' },
  26. { display: '资源URL', name: 'urlPath', width:"25%", align: 'left' },
  27. { display: '状态', name: 'state',width:"7%", type: 'int', align: 'center' ,
  28. render : function(rowdata, rowindex, value, column){
  29. if(0==value)
  30. return "<font color=red>禁用</font>";
  31. if(1==value)
  32. return "<font color=green>启用</font>";
  33. }
  34. },
  35. { display: '资源排序', name: 'sort', width:"7%" , align: 'center' },
  36. { display: '资源类型', name: 'etype',width: "7%", type: 'String', align: 'center' ,
  37. render : function(rowdata, rowindex, value, column){
  38. if("menu"==value)
  39. return "菜单";
  40. if("button"==value)
  41. return "按钮";
  42. }
  43. },
  44. { display: '操作', isAllowHide: false, align: 'left', width:"10%",render: function (rowdata, rowindex, value, column){
  45. return '<div class="padding_top4 padding_left5">'
  46. <@pop_perm url="/resource/update.do">
  47. + '<span class="hand" title="修改" onclick="onEdit(' + rowdata.resourceId + ')">修改</span>'
  48. </@pop_perm>
  49. <@pop_perm url="/resource/delete.do">
  50. + '&nbsp;<span class="hand" title="删除" onclick="onDelete(' + rowdata.lft +','+rowdata.rgt+')">删除</span>'
  51. </@pop_perm>
  52. + '</div>';}
  53. }
  54. ],
  55. height: '100%', width:"100%",checkbox:false,rownumbers:true,usePager: false,url:'${ctx}/resource/listPage.do?Q_parent_S_NULL=null&pageSize=500',tree: { columnId: 'resourceId' },
  56. toolbar:{
  57. items:[
  58. <@pop_perm url="/resource/create.do">
  59. {text:'新增',click:addUnit,iconClass:'icon_add'},
  60. {line:true}
  61. </@pop_perm>
  62. ]
  63. }
  64. });
  65. }
  66. function addUnit(){
  67. top.Dialog.open({
  68. URL:"${ctx}/resource/create.do",
  69. Title:"添加资源信息",Width:500,Height:400});
  70. }
  71. function onEdit(rowId){
  72. top.Dialog.open({
  73. URL:"${ctx}/resource/update.do?resId="+rowId,
  74. Title:"修改资源信息",Width:500,Height:400});
  75. }
  76. //单条记录删除
  77. function onDelete(lft,rgt){
  78. top.Dialog.confirm("删除该资源时会把该资源下所有子资源一起删除,确定要删除该记录吗?",function(){
  79. //删除记录
  80. jQuery.post("${ctx}/resource/delete.do?lft="+lft+"&rgt="+rgt,
  81. {},
  82. function(responseText){
  83. if(responseText.status=="y"){
  84. top.Dialog.alert(responseText.info);
  85. refresh();
  86. }else{
  87. top.Dialog.alert(responseText.info);
  88. }
  89. },
  90. "json");
  91. });
  92. }
  93. //刷新表格数据并重置排序和页数
  94. function refresh(){
  95. g.loadData();
  96. }
  97. </script>
  98. </head>
  99. <body>
  100. <div class="padding_right5">
  101. <div id="maingrid"></div>
  102. </div>
  103. </body>
  104. </html>