方法

调用方式:

$('#table').datagrid('[方法名]');//调取datagrid方法
$('#table').datagrid('[方法名]','[参数]');//调取datagrid方法并传参
$('#table').datagrid('[变量名]');//获取datagrid属性
$('#table').datagrid('[变量名]','[值]');//设置datagrid属性

getSelected

获取当前选择项目。

var items = $('#table').datagrid('getSelected');

cancelSelected

取消所有选择。

$('#table').datagrid('cancelSelected');

addField

添加列。

$('#table').datagrid('addField',{field:'name',title:'姓名'}, function(data) {
    return data.name;
});

//最后一个参数将代表添加的列的位置在表格的第三列
$('#table').datagrid('addField',{field:'name',title:'姓名'}, function(data) {
    return data.name;
},3);

modifyField

操作列显示值。

 $('#table').datagrid('modifyField','fieldName', function(data) {
   return data.name + '修改'
 });

//一次方法修改多个列
 $('#table').datagrid('modifyField',[{
     field:'fieldName1',
     ruleFn:function(data){
         return data.fieldName1 + '修改'
     }
 },{
     field:'fieldName2',
     ruleFn:function(data){
         return data.fieldName2 + '修改'
     }
 }])

showField

显示列。

$('#table').datagrid('showField','fieldName');

hideField

隐藏列。

$('#table').datagrid('hideField','fieldName');

addBottomTr

添加表格底部行，返回内容为底部行tr元素里面的内容。

$('#table').datagrid('addBottomTr',function (tableData) {
    return '<td></td>';                    
})

gotoPage

跳转到第几页。

$('#table').datagrid('gotoPage',2);

reloadUrl

重新加载数据源，即重新加载表格的source。

$('#table').datagrid('reloadUrl','callAndSmsCenter.do?callAndSmsData&gsId=2');

//第二个参数为true将返回当前页的数据，否则是第一页的数据
$('#table').datagrid('reloadUrl','callAndSmsCenter.do?callAndSmsData&gsId=2',true);


//可指定参数内容
$('#table').datagrid('reloadUrl',{
    url:'',
    type: 'get',
    data: {}
});

putData

将数据输入表格显示，用于无分页表格。

var data = [{
    id:1,
    fieldName:fieldVal
},{
    id:2,
    fieldName:fieldVal
}]
$('#table').putData(data);

loadData

异步获取数据后，将数据输入表格显示，相当异步获取数据后执行putData。

$('#table').datagrid('loadData','callAndSmsCenter.do?callAndSmsData&gsId=2');

mask

显示表格遮罩，和loading不同的是没有loading图标。

$('#table').datagrid('mask','show');//显示表格遮罩

$('#table').datagrid('mask','hide');//隐藏表格遮罩