DataGrid新增右侧锁定列:支持的操作列的更多按钮组;支持小屏幕或大屏幕情况下自动隐藏锁定列;支持多表头情况下的锁定列;支持分组表的展开和折叠锁定列;完成ie9+及其他所有浏览器的锁定列测试;列名为actions的列自动为锁定列;

This commit is contained in:
thinkgem
2021-06-17 16:11:13 +08:00
parent 247abc4d95
commit dde861c0ae

View File

@@ -123,18 +123,18 @@
$('#dataGrid').dataGrid({
searchForm: $("#searchForm"),
columnModel: [
{header:'${text("登录账号")}', name:'loginCode', index:'a.login_code', width:120, align:"center", frozen:true, formatter: function(val, obj, row, act){
{header:'${text("登录账号")}', name:'loginCode', index:'a.login_code', width:125, align:"center", frozen:true, formatter: function(val, obj, row, act){
return '<a href="${ctx}/sys/empUser/form?userCode='+row.userCode+'&op=edit" class="btnList" data-title="${text("编辑用户")}">'+(val||row.id)+'</a>';
}},
{header:'${text("用户昵称")}', name:'userName', index:'a.user_name', width:120, align:"center"},
{header:'${text("员工姓名")}', name:'refName', index:'a.ref_name', width:120, align:"center"},
{header:'${text("用户昵称")}', name:'userName', index:'a.user_name', width:125, align:"center"},
{header:'${text("员工姓名")}', name:'refName', index:'a.ref_name', width:125, align:"center"},
{header:'${text("归属机构")}', name:'employee.office.officeName', index:'o.office_name', width:135, align:"center"},
{header:'${text("归属公司")}', name:'employee.company.companyName', index:'c.company_name', width:135, align:"center"},
{header:'${text("电子邮箱")}', name:'email', index:'a.email', width:120, align:"center"},
{header:'${text("手机号码")}', name:'mobile', index:'a.mobile', width:120, align:"center"},
{header:'${text("办公电话")}', name:'phone', index:'a.phone', width:120, align:"center"},
{header:'${text("更新时间")}', name:'updateDate', index:'a.update_date', width:120, align:"center", frozen:true},
{header:'${text("状态")}', name:'status', index:'a.status', width:80, align:"center", frozen:true, formatter: function(val, obj, row, act){
{header:'${text("更新时间")}', name:'updateDate', index:'a.update_date', width:125, align:"center", frozen:true},
{header:'${text("状态")}', name:'status', index:'a.status', width:60, align:"center", frozen:true, formatter: function(val, obj, row, act){
return js.getDictLabel(${@DictUtils.getDictListJson('sys_status')}, val, '未知', true);
}},
{header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){
@@ -169,6 +169,7 @@ $('#dataGrid').dataGrid({
return actions.join('');
}}
],
frozenCols: true,
// 加载成功后执行事件
ajaxSuccess: function(data){