Index.cshtml 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. @{;
  2. ViewBag.Title = "列表页面";
  3. Layout = "~/Views/Shared/_Index.cshtml";
  4. }
  5. <script>
  6. ;
  7. $(function () {
  8. InitialPage();
  9. GetGrid();
  10. });
  11. //初始化页面
  12. function InitialPage() {
  13. //resize重设布局;
  14. $(window).resize(function (e) {
  15. window.setTimeout(function () {
  16. $('#gridTable').setGridWidth(($('.gridPanel').width()));
  17. $('#gridTable').setGridHeight($(window).height() - 136.5);
  18. }, 200);
  19. e.stopPropagation();
  20. });
  21. }
  22. //加载表格
  23. function GetGrid() {
  24. var selectedRowIndex = 0;
  25. var $gridTable = $('#gridTable');
  26. $gridTable.jqGrid({
  27. autowidth: true,
  28. height: $(window).height() - 136.5,
  29. url: "../../PublicInfoManage/Resources/GetPageListJson",
  30. datatype: "json",
  31. colModel: [
  32. { label: '主键', name: 'Id', index: 'Id', width: 100, align: 'left', sortable: true, hidden: true },
  33. { label: '资源名称', name: 'Name', index: 'Name', width: 300, align: 'left', sortable: true },
  34. { label: '资源类型', name: 'TypeName', index: 'TypeName', width: 100, align: 'center', sortable: true },
  35. { label: '上传人', name: 'UploadUserName', index: 'UploadUserName', width: 100, align: 'center', sortable: true },
  36. { label: '下载次数', name: 'DownloadCount', index: 'DownloadCount', width: 100, align: 'center', sortable: true },
  37. { label: '资源大小(单位:M)', name: 'Size', index: 'Size', width: 150, align: 'center', sortable: true },
  38. { label: '上传时间', name: 'UploadTime', index: 'UploadTime', width: 200, align: 'left', sortable: true },
  39. {
  40. label: '是否启用', name: 'EnabledMark', index: 'EnabledMark', width: 100, align: 'center', sortable: true,
  41. formatter: function (cellvalue, options, rowObject) {
  42. if (cellvalue == 1) {
  43. return "<span class=\"label label-danger\">可用</span>";
  44. } else {
  45. return "<span class=\"label label-default\">可用</span>";
  46. }
  47. }
  48. }
  49. ],
  50. viewrecords: true,
  51. rowNum: 25,
  52. rowList: [10, 20, 30, 50, 100],
  53. pager: "#gridPager",
  54. sortname: 'UploadTime',
  55. sortorder: 'desc',
  56. rownumbers: true,
  57. shrinkToFit: false,
  58. gridview: true,
  59. onSelectRow: function () {
  60. selectedRowIndex = $('#' + this.id).getGridParam('selrow');
  61. },
  62. gridComplete: function () {
  63. $('#' + this.id).setSelection(selectedRowIndex, false);
  64. }
  65. });
  66. }
  67. //新增
  68. function btn_add() {
  69. dialogOpen({
  70. id: 'Form',
  71. title: '添加资源分享',
  72. url: '/PublicInfoManage/Resources/Form',
  73. width: "600px",
  74. height: "450px",
  75. callBack: function (iframeId) {
  76. top.frames[iframeId].AcceptClick();
  77. }
  78. });
  79. }
  80. //编辑
  81. function btn_edit() {
  82. var keyValue = $('#gridTable').jqGridRowValue('Id');
  83. if (checkedRow(keyValue)) {
  84. dialogOpen({
  85. id: 'Form',
  86. title: '编辑资源分享',
  87. url: '/PublicInfoManage/Resources/Form?keyValue=' + keyValue,
  88. width: "600px",
  89. height: "450px",
  90. callBack: function (iframeId) {
  91. top.frames[iframeId].AcceptClick();
  92. }
  93. })
  94. }
  95. }
  96. //删除
  97. function btn_delete() {
  98. var keyValue = $('#gridTable').jqGridRowValue('Id');
  99. if (keyValue) {
  100. $.RemoveForm({
  101. url: '../../PublicInfoManage/Resources/RemoveForm',
  102. param: { keyValue: keyValue },
  103. success: function (data) {
  104. $('#gridTable').trigger('reloadGrid');
  105. }
  106. })
  107. } else {
  108. dialogMsg('请选择需要删除的资源分享!', 0);
  109. }
  110. }
  111. </script>
  112. <div class="titlePanel">
  113. <div class="title-search">
  114. <table>
  115. <tr>
  116. <td>
  117. <input id="txt_Keyword" type="text" class="form-control" placeholder="请输入要查询关键字" style="width: 200px;" />
  118. </td>
  119. <td style="padding-left: 5px;">
  120. <a id="btn_Search" class="btn btn-primary"><i class="fa fa-search"></i>查询</a>
  121. </td>
  122. </tr>
  123. </table>
  124. </div>
  125. <div class="toolbar">
  126. <div class="btn-group">
  127. <a id="lr-replace" class="btn btn-default" onclick="reload()"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
  128. <a id="lr-add" class="btn btn-default" onclick="btn_add()"><i class="fa fa-plus"></i>&nbsp;新增</a>
  129. <a id="lr-edit" class="btn btn-default" onclick="btn_edit()"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
  130. <a id="lr-delete" class="btn btn-default" onclick="btn_delete()"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="gridPanel">
  135. <table id="gridTable"></table>
  136. <div id="gridPager"></div>
  137. </div>