你的位置:首页 > 软件开发 > ASP.net > 第一篇说说MVC+EF easyui dataGrid 动态加载表格

第一篇说说MVC+EF easyui dataGrid 动态加载表格

发布时间:2015-08-19 15:00:05
首先上javascript的代码<script type="text/javascript"> $(function () { LoadGrid(); }) //加载表格!!! function LoadGrid() { $( ...

首先上javascript的代码

<script type="text/javascript">  $(function () {    LoadGrid();  })  //加载表格!!!  function LoadGrid() {    $('#roleGrid').datagrid({      width: 900,      striped: true,  //交替条纹      fitColumns: true,  //防止水平滚动      fit: true,//自动补全       iconCls: "icon-save",//图标       idField: 'RoleId', //唯一列      url: "GetRoles",      dataType: "json",      singleSelect: true, //设置为true将只允许选择一行      loadMsg: '正在拼命加载,请稍后...',      rownumbers: false,  //显示行数      pagination: true, //底部分页工具栏       nowrap: true,  //截取超出部分的数据      checkOnSelect: true,//点击一行的时候 checkbox checked(选择)/unchecked(取消选择)      pageNumber: 1,//初始化分页码。      pageSize: 10, //初始化每页记录数。      pageList: [5, 10, 30],  //初始化每页记录数列表      showFooter: false, //定义是否显示行底      columns: [[     { field: "RoleId", title: "角色编号", width: 60, align: "center", sortable: "true" },     { field: "RoleName", title: "角色名称", width: 100, align: "center" },     { field: "RoleRemarks", title: "备注", width: 100, align: "center" },     {       field: "IsStatus", title: "状态", width: 60, align: "center", formatter: function (value, row, index) {         if (value == "0") {           return "正常";         } else if (value == "1") {           return "停用";         }       }     },     {       field: "edit", title: "操作", align: "center", width: 80, formatter: function (value, row, index) {         var detail = '<a onclick="editRole(' + index + ')"><i ></i>编辑</a>';         var deleteBtn = '<a onclick="delRole(' + index + ')"><i ></i>删除</>';         var setrole = '<a onclick="setRights(' + index + ')"><i ></i>设置权限</>';         return "&nbsp;&nbsp;" + detail + "&nbsp;|&nbsp;" + deleteBtn + "&nbsp;|&nbsp;" + setrole;       }     }      ]] //列    });  };  function editRole(i) { //编辑按钮的方法    var rows = $("#roleGrid").datagrid("getRows");    layer.open({      title: false,      type: 2,      closeBtn: false,      area: ['420px', '418px'],      skin: 'layui-layer-rim', //加上边框      content: ['/Admin/ShowForm/EidtRole', 'no'],      success: function (layero, index) {        var body = layer.getChildFrame('body', index);        body.contents().find("#roleId").val(rows[i].RoleId);        body.contents().find("#roleName").val(rows[i].RoleName);        if (rows[i].RoleRemarks != "-") {          body.contents().find("#remarks").val(rows[i].RoleRemarks);        }        body.contents().find("#isstutas").val(rows[i].IsStatus);      }    });  }  function delRole(i) { //删除用户    var rows = $("#roleGrid").datagrid("getRows");    var postData = {      roleId: rows[i].RoleId    };    layer.confirm('确认删除该角色?', {      btn: ['确认', '取消'], //按钮      shade: false //不显示遮罩    }, function (index) {      $.ajax({        type: "POST",        url: "DeleRole",        data: postData,        success: function (result) {          if (result == "true") {            layer.msg("操作成功!", {              icon: 6,              time: 1000,            }, function () {              $("#roleGrid").datagrid("reload");              layer.close(index);            });          } else if (result == "false") {            layer.msg("操作失败!", { icon: 2 });          } else if (result == "msg") {            layer.msg("系统错误,请联系管理员!", { icon: 0 });          }        }      });    }, function (index) {      layer.close(index);    });  }  function addRole() { //新增用户    layer.open({      title: false,      type: 2,      closeBtn: false,      area: ['350px', '345px'],      skin: 'layui-layer-rim', //加上边框      content: ['/Admin/ShowForm/AddRole', 'no'],    });  }  function reloadGrid() { //刷新表格    $("#roleGrid").datagrid("reload");  }

原标题:第一篇说说MVC+EF easyui dataGrid 动态加载表格

关键词:DataGrid

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。