easyui-datagrid

前言

之前的老项目用的jQuery,对这个不是太熟悉,今天项目遇到一个需求,要清除选中的行,顺便了解下datagrip

使用

easyui-datagrid取消所有选中行:

1
$("#userGrid").datagrid('clearSelections');

多选和单选属性:

1
singleSelect:true,

获取选中行的数据(单选)

1
2
3
4
var row = $('#tt').datagrid('getSelected');
if(row){
alert('ItemID:'+row.itemid+"Price:"+row.listprice);
}

获取选中行的数据(多选)

1
2
3
4
5
6
var ids = [];
var rows = $('#tt').datagrid('getSelections');
for(vari=0;i<</span>rows.length;i++){
ids.push(rows[i].itemid);
}
alert(ids.join(''));

获取datagrid中当前页所有的数据

1
var data = $('#rafficManager_datagrid').datagrid('getRows');