jquery easyui datagrid getSelections用法

1.datagrid、 数据绑定

    $('#tt').datagrid({
                url: 'GetDataJosn',
                title: 'DataGrid',
                800,
                height: 300,
                pageSize: 10,
                idField: 'productid',
                fitColumns: true,
                nowrap: false,
                columns: [[

              { field: 'productid', title: 'Product ID', 100,checbox:true,

              formatter:function(value,rec){

             //返回一个需要table html代码这个里面有个checkbox类型数据行
              return   GetTableHTML(rec.productid,rec.itemid);

             }

              },
              { field: 'itemid', title: 'Item ID', 80 },
              { field: 'listprice', title: 'List Price', 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绑定值不唯一,确定你数据就可以搞定

原文地址:https://www.cnblogs.com/linsu/p/2238323.html