| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- @{;
- ViewBag.Title = "列表页面";
- Layout = "~/Views/Shared/_Index.cshtml";
- }
- <script>;
- $(function () {
- InitialPage();
- GetGrid();
- });
- //初始化页面
- function InitialPage() {
- //resize重设布局;
- $(window).resize(function (e) {
- window.setTimeout(function () {
- $('#gridTable').setGridWidth(($('.gridPanel').width()));
- $('#gridTable').setGridHeight($(window).height() - 108.5);
- }, 200);
- e.stopPropagation();
- });
- }
- //加载表格
- function GetGrid() {
- var selectedRowIndex = 0;
- var $gridTable = $('#gridTable');
- $gridTable.jqGrid({
- autowidth: true,
- height: $(window).height() - 108.5,
- url: "../../BaseManage/Base_Module/GetListJson",
- datatype: "json",
- colModel: [
- { label: '编码', name: 'EnCode', index: 'EnCode', width: 100, align: 'left',sortable: true },
- { label: '导航地址', name: 'UrlAddress', index: 'UrlAddress', width: 100, align: 'left',sortable: true },
- { label: '导航目标', name: 'Target', index: 'Target', width: 100, align: 'left',sortable: true },
- ],
- onSelectRow: function () {
- selectedRowIndex = $('#' + this.id).getGridParam('selrow');
- },
- gridComplete: function () {
- $('#' + this.id).setSelection(selectedRowIndex, false);
- }
- });
- }
- //新增
- function btn_add() {
- dialogOpen({
- id: 'Form',
- title: '添加系统功能表',
- url: '/BaseManage/Base_Module/Base_ModuleForm',
- width: 'px',
- height: 'px',
- callBack: function (iframeId) {
- top.frames[iframeId].AcceptClick();
- }
- });
- }
- //编辑
- function btn_edit() {
- var keyValue = $('#gridTable').jqGridRowValue('ModuleId');
- if (checkedRow(keyValue)) {
- dialogOpen({
- id: 'Form',
- title: '编辑系统功能表',
- url: '/BaseManage/Base_Module/Base_ModuleForm?keyValue=' + keyValue,
- width: 'px',
- height: 'px',
- callBack: function (iframeId) {
- top.frames[iframeId].AcceptClick();
- }
- })
- }
- }
- //删除
- function btn_delete() {
- var keyValue = $('#gridTable').jqGridRowValue('ModuleId');
- if (keyValue) {
- $.RemoveForm({
- url: '../../BaseManage/Base_Module/RemoveForm',
- param: { keyValue: keyValue },
- success: function (data) {
- $('#gridTable').trigger('reloadGrid');
- }
- })
- } else {
- dialogMsg('请选择需要删除的系统功能表!', 0);
- }
- }
- </script>
- <div class="titlePanel">
- <div class="toolbar">
- <div class="btn-group">
- <a id="lr-replace" class="btn btn-default" onclick="reload()"><i class="fa fa-refresh"></i> 刷新</a>
- <a id="lr-add" class="btn btn-default" onclick="btn_add()"><i class="fa fa-plus"></i> 新增</a>
- <a id="lr-edit" class="btn btn-default" onclick="btn_edit()"><i class="fa fa-pencil-square-o"></i> 编辑</a>
- <a id="lr-delete" class="btn btn-default" onclick="btn_delete()"><i class="fa fa-trash-o"></i> 删除</a>
- </div>
- </div>
- </div>
- <div class="gridPanel">
- <table id="gridTable"></table>
- </div>
|