您的位置:首页 > 产品设计 > UI/UE

easyui - datagrid遇到的问题汇总

2016-08-05 19:32 337 查看
$(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' onclick='menuList_changeStatus(\""+row.id+"\",\"1\")'>启用</a>"; }else{ html = "<a href='#' name='menuList_changeStatus' class='easyui-linkbutton' onclick='menuList_changeStatus(\""+row.id+"\",\"0\")'>禁用</a>"; } html += "<a href='#' name='menuList_delMenu' class='easyui-linkbutton' onclick='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'); } });});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: