JSP页面
JS部分代码
selectOnCheck:false,nowrap: true,onClickRow : tblRoleDetailOnClickRow,columns:[[
{field:'roleName',title:'角色名',width: '19%',align:'center'},{field:'funId',title:'权限名称',width: '70%',align:'left',formatter: function(value,row,index){
return ''+value+''
}
},{field:'opt',title:'操作',width:'10%',align:'center',formatter:function(value,rec)
{
var btn1 = '编辑';
var btn2 = '删除';
return btn1+btn2;
}
}
]],onLoadSuccess:function(data){
$('.editcls').linkbutton({text:'编辑',plain:true,iconCls:'icon-edit'});
$('.delecls').linkbutton({text:'删除',iconCls:'icon-remove'});
$('#tblRoleDetail').datagrid('fixRowHeight'); //固定所有高度,避免行号和行数据错位
}
});
效果图
以上这篇Easyui使用Dialog行内按钮布局的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。