请教个问题, EasyUI DataGrid怎么获取所有行？

Posted 2023-04-20

1. 确保你的datagrid包含属性idField且其值不会重复
2. var rows = $("#datagridID").datagrid("getRows");

按照您的说法，还是只能得到最后一行，谢谢了。

var rows = $("#datagridID").datagrid("getRows"); 这段代码是获取当前页的所有行。
for(var i=0;i<rows.length;i++)

//获取每一行的数据
alert(rows[i].id);//假设有id这个字段

datagrid是不可能获取所有行的。因为分页时从后台查询出来的数据只有本页的数据，所以不可能获取所有数据。只能获取当前页的数据。追问

现在我没有分页, 而且不管多少条,rows.length只等于1

追答

你datagrid查询的完成代码发给我看一下。

参考技术A 我暂时想不到别的了，你可以看一下
var rows = $("#datagridID").datagrid("getRows");

alert(rows.length);
是多少，然后再调调看追问

alert(rows.length); 是1，不管多少行，这个length都是1...,谢谢

追答

唉，我当初遇到这问题是因为idField的问题，现在我无能为力了，不好意思

来自：求助得到的回答 参考技术A 我也遇到过这个问题，我把idField属性改成isField就成了。。。

怎么给esayUI datagrid列标题名title做修改背景色或字体的操作？

easyUI中datagrid内容和标题区分不明显，如果给内容加背景色就无法明显的
区分选择状态了，所以想请教各位大神们datagrid的列标题怎么做修改。

参考技术A 重写下面的样式就可以了

.datagrid-header,
.datagrid-td-rownumber
background-color: #efefef;
background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
本回答被提问者采纳 参考技术B onLoadSuccess:function()
// 更改表头颜色（分部门）
var trArr = $(this).prev().find("tr.datagrid-header-row");
var trObj = trArr[0];
var tdArr = trObj.cells;
for (var i = 0; i < tdArr.length; i++)
if(i<4)
tdArr[i].style.backgroundColor = "red";