Easyui使用Dialog行内按钮布局的实例

Easyui使用Dialog行内按钮布局的实例

jsP页面

>

>

jQiQg

添加

JS部分代码

var grid = $("#tblRoleDetail").datagrid({

border : false,

striped : true,

rownumbers : true,

fitColumns : true,

singleSelect : true,

height: '90%',

width: '100%',

idField :'roleName',

plain : true,

fit : false,

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:'删除',plain:true,iconCls:'icon-remove'});

http://$('#tblRoleDetail').datagrid('fixRowHeight'); //固定所有高度，避免行号和行数据错位

}

});

效果图

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。