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 ,循环是没有效果的

jQuery easyUI easyui-datagrid 选中指定内容的行
找一个唯一字段,比如上边的房屋编号id,设为唯一标识,设置idField字段 ('#tt').datagrid({ \/\/...省略若干代码 idField: "id", \/\/...省略若干代码});调用时,传入唯一标识,找到记录所在的索引 ('#tt').datagrid('getRowIndex', row.id);示例(自己根据需求可以在精简一下):\/\/...

jquery easyui datagrid 加载成功,选中某一行
1.首先你需要设置datagrid的onLoadSuccess$('#dg').datagrid({onLoadSuccess : function(data){ $('#dg').datagrid('selectRow',3);}});2.onLoadSuccess如果是通过 data-options的方式设置的没问题,如果通过js脚本设置的话,需要保证在loadData之前绑定这个事件函数,类似下面这样$('#dg').datagri...

jquery easyui中datagrid怎样实现某一行被选中之后,不能再选中...
singleSelect属性设置为 true,则只允许选中一行。

EasyUI datagrid 如何默认选择多行
EasyUI datagrid 选择多行的方法: SingleSelect:false,即可实现选择多行。 【解析】 原因分析: datagrid 中的 idField 属性,必须对应后台的实体属性字段,而且该字段必须确保唯一性,一般用id标识,否则就无法获取在datagrid中选择的多条记录。 DataGrid组件包括2个方法检索选择行数据:· getSelected: 得到第一个选择行的...

easyui datagrid列设置checkbox,并能获取选中的值?如图
'Name'},{field:'selected',title:'Selected',checkbox:true},]],toolbar: [{ text: 'Get Selected',iconCls: 'icon-search',handler: function(){ var rows = $('#dg').datagrid('getChecked');alert(rows.length+' rows are selected.');\/\/ 这里可以处理选中行的数据 } }]});...

EasyUI datagrid 如何默认选择多行
EasyUI datagrid 选择多行的方法:SingleSelect:false,即可实现选择多行。【解析】原因分析:datagrid 中的 idField 属性,必须对应后台的实体属性字段,而且该字段必须确保唯一性,一般用id标识,否则就无法获取在datagrid中选择的多条记录。DataGrid组件包括2个方法检索选择行数据:· getSelected: 得到第一个...

easyUI中的datagrid控件怎样获取某一行中的数据
var rows=$('#dg').datagrid('getRows');\/\/获取所有当前加载的数据行 var row2=rows[1];\/\/\/

easyui怎么样获得datagrid 选中行的index值
取得选中行:var row = $("#tt").datagrid("getSelected");取行中的某一列值:row.uid

C# easyui datagrid 删除选中行
要获取ID的值 前提是你要绑定ID的值,也就是在Datagrid这个方法执行时指定idField 这个属性的值为你要绑定的ID的字段名。还有就是 var row = $('#tt').datagrid('getSelected');这句话 你确定获取到你选中的行没?

easyui-datagrid怎么获取所有行列值?
easyui-datagrid怎么获取所有行列值方法:1、定义id为datagrid的easyui-datagrid,并将其置于id为div-dg的div内;2、定义datagrid的列时,使用下面的方式为datagrid添加文本框列,并将其value设置为100;3、使用如下的方式获取文本框列的第一个值,使用eq(index)方法可以获取第任意个文本框的值;4、结果...

相似回答