1.datagrid、 数据绑定
$('#tt').datagrid({
url: 'GetDataJosn', title: 'DataGrid', width: 800, height: 300, pageSize: 10, idField: 'productid', fitColumns: true, nowrap: false, columns: [[{ field: 'productid', title: 'Product ID', width: 100,checbox:true,
formatter:function(value,rec){
//返回一个需要table html代码这个里面有个checkbox类型数据行
return GetTableHTML(rec.productid,rec.itemid);}
},
{ field: 'itemid', title: 'Item ID', width: 80 }, { field: 'listprice', title: 'List Price', width: 80, align: 'right'}]],
});
2.获取选择的checkbox行
function Getcheckbox() {
var ids = []; var rows = $('#tt').datagrid('getSelections'); //获取datagrid选中行 for (var i = 0; i < rows.length; i++) {//获取自定义table 的中的checkbox值
var k = document.getElementById(rows[i].productid).getElementsByTagName("input");for (var m = 0; m < k.length; m++) {
if( k[m].type.toLowerCase() =="checkbox"){ if (k[m].checked) { ids.push(k[m].value); } } } } return ids.join(',');}
3,以上就是jquery datagrd 的selections方法了应用,需要注意点两点:
1.数据返回的json 数据必须属性必须绑定数据字段一致
2.如果你选中数据有多行, 但是返回的rows.length =1,先看你的datagrid是否有idField如果没有这个值,是无法完成这个方法,如果不是这个问 题,那就你返回的数据有问题,是这个idField绑定值不唯一,确定你数据就可以搞定