jQuery EasyUI-如何修改easyUI datagrid列名

发布于 2017-05-03 00:38:32 字数 3178 浏览 1374 评论 1

function getData()
{
$('#datagrid').datagrid({
singleSelect: true, //只允许选中一行
rownumbers: true, //显示行序号
method: 'get', //请求数据的方法
pagination: true, //显示分页
checkOnSelect: true, //当用户点击某一行时,则会选中/取消选中复选框
toolbar: '#toolbar', //对应的工具栏
striped: true, //条纹化
fitColumns: true, //宽度自适应
queryParams: {
AntiqueRecordID: function () { return $("#AntiqueRecordID").val(); },
ResourceType: function () { return $("#ResourceType").combobox("getValue"); }
},
url: '/Antique/GetAntiqueRecordResource', //数据来源
fit: true,
idField: 'ResourceID',
frozenColumns: [[{ //固定列
field: 'ResourceID',
checkbox: true
}]],
//开始构建列表
columns: [
[{
field: 'OldFileName',
title: '文件名',
width: 100,
align: 'center'
}, {
field: 'ResourceNo',
title: '图(拓片)号',
width: 100,
align: 'center'
}, {
field: 'CreatePerson',
title: '制图(拓片)人',
width: 150,
align: 'center'
}, {
field: 'CreateDate',
title: '制图(拓片)日期',
width: 100,
align: 'center'
}, {
field: 'Proportion',
title: '比例',
width: 100,
align: 'center'
}, {
field: 'OP',
title: '操作',
width: 80,
align: 'center'
}]
],
onLoadSuccess: function () { //数据加载完成后
if ($("#ResourceType").combobox("getValue") == 0) {
$('#datagrid').datagrid('hideColumn', 'ResourceNo');
$('#datagrid').datagrid('hideColumn', 'CreatePerson');
$('#datagrid').datagrid('hideColumn', 'CreateDate');
$('#datagrid').datagrid('hideColumn', 'Proportion');
}
else {
$('#datagrid').datagrid('showColumn', 'ResourceNo');
$('#datagrid').datagrid('showColumn', 'CreatePerson');
$('#datagrid').datagrid('showColumn', 'CreateDate');
$('#datagrid').datagrid('showColumn', 'Proportion');
}
}
});

我想在onLoadSuccess事件中根据ResourceType值动态控制列的显示以及显示的列名,现在可以动态显示、隐藏列了,只是还不知道如何修改指定列的列名,官方API中也未找到修改列名的方法,求指点,先谢谢了。。。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

清晨说ぺ晚安 2017-06-04 16:10:32

找到了个折中的方法,可以直接在列名上进行三目运算:
title: type=="1"?'图(拓片)号':"底片号"
或者,title:function(){return "列名"},这种方式可以更灵活些

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文