$(function(){ $('#menuDatagrid').datagrid({ url: '/sys/getMenuList.php', autoRowHeight: true, nowrap: false, fitColumns: true, pagination: true, //分页工具栏 pageSize: 20, pageList: [20,40,60,80,100], fit: true, fitColumns : true, rownumbers: true, sortName:'status', selectOnCheck: true, checkOnSelect: true, //1、工具栏创建--start toolbar: [{ text: '添加菜单', iconCls: 'icon-add', handler: function(){alert('添加菜单')} },'-',{ text: '删除菜单', iconCls: 'icon-remove', handler: function(){alert('删除')} },'-',{ text: '修改菜单', iconCls: 'icon-edit', handler: function(){alert('修改')} }],//工具栏创建--end
columns:[[ {field:'id',checkbox:true }, {field:'name',title:'菜单',align:'left',width:100}, {field:'store_id',title:'店面',align:'center',width:100}, {field:'role',title:'可用角色',align:'center',width:100}, {field:'status',title:'状态',align:'center',width:100}, {field:'cts',title:'创建时间',align:'center',width:100}, {field:'uts',title:'修改时间',align:'center',width:100}, // 2、js初始化datagrid-js追加操作按钮--start {field:'opreation',title:'操作',align:'center',width:100, formatter:function(value,row,index){ var html = ""; if(row.status == "禁用"){ html = "<a href='#' name='menuList_changeStatus' class='easyui-linkbutton' οnclick='menuList_changeStatus(\""+row.id+"\",\"1\")'>启用</a>"; }else{ html = "<a href='#' name='menuList_changeStatus' class='easyui-linkbutton' οnclick='menuList_changeStatus(\""+row.id+"\",\"0\")'>禁用</a>"; } html += "<a href='#' name='menuList_delMenu' class='easyui-linkbutton' οnclick='menuList_delMenu(\""+row.id+"\")'></a>"; return html; } }//js初始化datagrid-js追加操作按钮--end
]], onLoadSuccess: function(data) { if (data && data.code == "0" && data.total == 0) { $.messager.alert("系统提示", "暂无菜单数据!","info"); }else if(data && data.code == "1" && data.message != ""){ $.messager.confirm('确认',data.message,function(r){ if (r){ console.info(r); location.href="/user/login.php"; } }); }else{// 2、js初始化datagrid-js追加操作按钮--start
$("a[name='menuList_changeStatus']").linkbutton({plain:true,iconCls:'icon-add'}); $("a[name='menuList_delMenu']").linkbutton({text:'删除',plain:true,iconCls:'icon-add'});}//js初始化datagrid-js追加操作按钮--end
// 3、解决数据加载后-行号不能自适应的问题
$('#menuDatagrid').datagrid('resize'); } });});
easyui - datagrid遇到的问题汇总
最新推荐文章于 2023-07-27 17:16:28 发布