Base_ModuleIndex.cshtml 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. @{;
  2. ViewBag.Title = "列表页面";
  3. Layout = "~/Views/Shared/_Index.cshtml";
  4. }
  5. <script>;
  6. $(function () {
  7. InitialPage();
  8. GetGrid();
  9. });
  10. //初始化页面
  11. function InitialPage() {
  12. //resize重设布局;
  13. $(window).resize(function (e) {
  14. window.setTimeout(function () {
  15. $('#gridTable').setGridWidth(($('.gridPanel').width()));
  16. $('#gridTable').setGridHeight($(window).height() - 108.5);
  17. }, 200);
  18. e.stopPropagation();
  19. });
  20. }
  21. //加载表格
  22. function GetGrid() {
  23. var selectedRowIndex = 0;
  24. var $gridTable = $('#gridTable');
  25. $gridTable.jqGrid({
  26. autowidth: true,
  27. height: $(window).height() - 108.5,
  28. url: "../../BaseManage/Base_Module/GetListJson",
  29. datatype: "json",
  30. colModel: [
  31. { label: '编码', name: 'EnCode', index: 'EnCode', width: 100, align: 'left',sortable: true },
  32. { label: '导航地址', name: 'UrlAddress', index: 'UrlAddress', width: 100, align: 'left',sortable: true },
  33. { label: '导航目标', name: 'Target', index: 'Target', width: 100, align: 'left',sortable: true },
  34. ],
  35. onSelectRow: function () {
  36. selectedRowIndex = $('#' + this.id).getGridParam('selrow');
  37. },
  38. gridComplete: function () {
  39. $('#' + this.id).setSelection(selectedRowIndex, false);
  40. }
  41. });
  42. }
  43. //新增
  44. function btn_add() {
  45. dialogOpen({
  46. id: 'Form',
  47. title: '添加系统功能表',
  48. url: '/BaseManage/Base_Module/Base_ModuleForm',
  49. width: 'px',
  50. height: 'px',
  51. callBack: function (iframeId) {
  52. top.frames[iframeId].AcceptClick();
  53. }
  54. });
  55. }
  56. //编辑
  57. function btn_edit() {
  58. var keyValue = $('#gridTable').jqGridRowValue('ModuleId');
  59. if (checkedRow(keyValue)) {
  60. dialogOpen({
  61. id: 'Form',
  62. title: '编辑系统功能表',
  63. url: '/BaseManage/Base_Module/Base_ModuleForm?keyValue=' + keyValue,
  64. width: 'px',
  65. height: 'px',
  66. callBack: function (iframeId) {
  67. top.frames[iframeId].AcceptClick();
  68. }
  69. })
  70. }
  71. }
  72. //删除
  73. function btn_delete() {
  74. var keyValue = $('#gridTable').jqGridRowValue('ModuleId');
  75. if (keyValue) {
  76. $.RemoveForm({
  77. url: '../../BaseManage/Base_Module/RemoveForm',
  78. param: { keyValue: keyValue },
  79. success: function (data) {
  80. $('#gridTable').trigger('reloadGrid');
  81. }
  82. })
  83. } else {
  84. dialogMsg('请选择需要删除的系统功能表!', 0);
  85. }
  86. }
  87. </script>
  88. <div class="titlePanel">
  89. <div class="toolbar">
  90. <div class="btn-group">
  91. <a id="lr-replace" class="btn btn-default" onclick="reload()"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
  92. <a id="lr-add" class="btn btn-default" onclick="btn_add()"><i class="fa fa-plus"></i>&nbsp;新增</a>
  93. <a id="lr-edit" class="btn btn-default" onclick="btn_edit()"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
  94. <a id="lr-delete" class="btn btn-default" onclick="btn_delete()"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="gridPanel">
  99. <table id="gridTable"></table>
  100. </div>