Datagrid动态设置列标题的的扩展方法

Datagrid动态设置列标题的的扩展方法

在使用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);
}
});
}
return jq;
}
});

调用方法如下：

$("#dt").datagrid("setColumnTitle",{field:'productid',text:'newTitle});

这个方法也是别人告诉我的，为了能方便更多人，我就在这里写了一下。希望能帮到大家