jQuery EasyUI-如何修改easyUI datagrid列名
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
找到了个折中的方法,可以直接在列名上进行三目运算:
title: type=="1"?'图(拓片)号':"底片号"
或者,title:function(){return "列名"},这种方式可以更灵活些