方法

使用

通过jquery选择器选择Dategrid 实例标签进行方法调用:

$('#table').getSelected();

方法表

getSelected

获取当前选择项目。

var a = $('#table').getSelected();

cancelSelected {#cancelselected}

取消所有选择。

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

addField {#addfield}

添加列。

$('#table').addField('操作', function(trData) {
    if (trData.param == "编辑") {
        return '<button type="button">"编辑按钮"</button>'
    }
    return '<button type="button">"不是编辑按钮"</button>'
});
//第一个参数代表添加的列对应的字段名
//第二个函数参数返回内容将显示到表格中
//第二个函数中trData代表每条数据
$('#table').addField({title:'操作',width:200}, function(trData) {
    if (trData.param == "编辑") {
        return '<button type="button">"编辑按钮"</button>'
    }
    return '<button type="button">"不是编辑按钮"</button>'
});
//可以指定添加列的宽度
$('#table').addField({title:'操作',width:200}, function(trData) {
    if (trData.fieldName == "编辑") {
        return '<button type="button">"编辑按钮"</button>'
    }
    return '<button type="button">"不是编辑按钮"</button>'
},3);
//最后一个参数将代表添加的列的位置在表格的第三列

modifyField {#modifyfield}

操作列显示值。

 $('#table').modifyField('fieldName', function(trData) {
   return trData.fieldName + '修改'
 });
 //第一个参数代表修改的列对应的字段名
 //第二个函数参数返回内容将显示到表格中
 $('#table').modifyField([{
     field:'fieldName1',
     ruleFn:function(trData){
         return trData.fieldName1 + '修改'
     }
 },{
     field:'fieldName2',
     ruleFn:function(trData){
         return trData.fieldName2 + '修改'
     }
 }])
 //一次方法修改多个列

showField {#showField}

显示列。

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

hideField {#hideField}

隐藏列。

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

addBottomTr {#addBottomTr}

添加表格底部行。

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

gotoPage {#gotoPage}

跳转到第几页。

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

reloadUrl {#reloadUrl}

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

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

putData {#putData}

将数据输入表格显示，前提是表格没有source配置。

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

loadData {#loadData}

异步获取数据后，将数据输入表格显示，相当异步获取数据后执行putData。前提是表格没有source配置。

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

mask {#mask}

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

$('#table').mask('show');//显示表格遮罩
$('#table').mask('hide');//隐藏表格遮罩