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

JSP页面

创新互联建站服务项目包括南山网站建设、南山网站制作、南山网页制作以及南山网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,南山网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到南山省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

角色名称: 角色功能:
  • 线路列表1
  • 线路列表2
  • 线路列表3
添加

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'}); 
   $('#tblRoleDetail').datagrid('fixRowHeight'); //固定所有高度,避免行号和行数据错位 
  } 
 });

效果图

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

以上这篇Easyui使用Dialog行内按钮布局的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


本文标题:Easyui使用Dialog行内按钮布局的实例
转载源于:http://pwwzsj.com/article/gppdge.html