jQuery easyUI easyui-datagrid 选中指定内容的行

#tt是使用easyui-datagrid框架的表格
row 参数是一个行记录或者一个 id 字段的值。
var index = $('#tt').datagrid('getRowIndex', row);
$('#tt').datagrid('scrollTo', index); //滚动到指定行
$('#tt').datagrid('selectRow', index); //选中指定行
使用以上方法可以选中指定行,但是当row 有重复数据时,怎么选中所有符合条件的行?

现在提问的标签不让人修改吗?
我现在执行方法只会选中第二条,我想同时选中2和3 ,循环是没有效果的

找一个唯一字段,比如上边的房屋编号id,设为唯一标识,设置idField字段

$('#tt').datagrid({
   //...省略若干代码
   idField: "id",
   //...省略若干代码
});

调用时,传入唯一标识,找到记录所在的索引

$('#tt').datagrid('getRowIndex', row.id);

示例(自己根据需求可以在精简一下):

// dg = $("#tt").datagrid({...}) 返回的实例;
function singleScroll(row) {
var index = dg.datagrid('getRowIndex', row.id); 
dg.datagrid('scrollTo', index); 
dg.datagrid('selectRow', index); 
}

function batchScroll(rows) {
$.each(rows, function (i, row) {
singleScroll(row);
});
}

function _scroll() {
var testData = [
{id: "8"},
{id: "21"}
];
batchScroll(testData);
}

追问

我是想选中那两条数据相同的,也就是房屋编号末尾是 1274 的两条,这两条数据完全一致

追答

数据里面,没有字段是主键吗?选定唯一字段就行。

1、方式1,确定数据库中是否有主键

确定有没有这个主键,如果有,把这个也返回来,easyui中以这个为主键。

2、方式2,适配数据

如果没有主键,可以构造这个唯一性的字段。

// 比如有如下数据
var rows = [
   {name: "a1", age: 20},
   {name: "a2", age: 20},
   {name: "a1", age: 20}
];
// 上列数据构造成如下的数据
//  写个适配器就好
var rows = [
   {id: "a1_1",name: "a1", age: 20},
   {id: "a2_2",name: "a2", age: 20},
   {id:  "a1_3",name: "a1", age: 20}
];

3、方式3

使用easyui暴露出的获取节点的方法,在节点上存储有用的信息,以方便存储。

追问

设定的是房屋编号是主键,里面的数据都是后来通过appendRow方法添加的,主键的内容也有重复,你给的这个方法我早已经试过了,我现在是appendRow的时候就查重。我现在就是想问问重复主键有没有解决办法

追答// 传入行数据,返回相同记录的多个索引
$.fn.datagrid.methods.getRowIndexs = function (jq, row) {
var result = [];
var mydata = $.data(jq[0], "datagrid");
  var myrows = mydata.data.rows;
  if (myrows.length > 0) {
  $.each(myrows, function (j, myrow) {
   for (var p in row) {
   if (row[p] !== myrow[p]) {
   return true;
   } 
   }
   result.push(j);
   }); 
}
return result.length === 0 ? null : result;
};

// 调用方式
var row = {"a1":1,"b2":2};
// 返回多条的{"a1":1,"b2":2}数据一样的索引
var indexs = dg.datagrid('getRowIndexs', row); 
if (indexs && indexs.length > 0) {
    $.each(indexs, function (i, index) {
        //dg.datagrid('scrollTo', index); 
        dg.datagrid('selectRow', index); 
    });
}

温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-12-19
可以的啊。。啊追问

我现在执行方法只会选中第二条,我想同时选中2和3 ,循环是没有效果的