今天遇到新需求,datagrid的标题需根据选择的条件动态显示,我的处理方式如下,首先写一个修改列标题的方法如下:
//扩展修改datagrid 标题
$.extend($.fn.datagrid.methods,{
setColumnTitle:function(jq,option){
if(option.field){
return jq.each(function(){
var $panel = $(this).datagrid("getPanel");
var $field = $('td[field='+option.field+']',$panel);
if($field.length){
var $span = $("span",$field).eq(0);
$span.html(option.text);
}
});
}
}
});
此方法在初始化时加载生效,根据我们的业务需求进行此方法调用:如下
$("#data_id").datagrid("setColumTitle",{field:'file_1','动态修改成功'});