如何获取当前easyui datagrid的总行数

1、百度搜索easyui，找到easyui的官网，下载easyui的jsAPI文件，并将js文件添加到项目中。

2、新建html页面，将easyui的关键js文件及css文件引入到页面。

3、在页面声明datagrid的渲染元素，该元素主要是datagrid显示的载体。

4、编写js模块，为datagrid绑定数据源及配置字段及属性，到这里，datagrid的配置就完成了，这时，我们运行页面就可以得到一个带分页的列表。

5、编写获取datagrid选中行的js，具体实现如下。

6、运行页面，我们就可以看到相应的结果。

现在一般都是根据onSelect事件，获得单机的一行数据，直接获得 onSelect:getSelected function getSelected(rowIndex,rowData){ rowData就包含了当前行的数据 }

var editors = $dgdatagrid('getEditors', rowIndex);

var checkbox2 = editors[3];

if($(checkbox2target)is(':checked')){

alert('1');

}else{

alert('2');

}

easyui可以直接定义编辑器的，你这个自己写的文本框。可以这样：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

var lastIndex ;

$('#dg')datagrid({

title: '日产量数据', //表格标题

url: '/SpgDailyYield/GetSpg_Daily_Yield',

sortName: 'id', //排序字段

idField: 'id', //标识字段,主键

height: 368, //高度

queryParams: queryData, //异步查询的参数

columns: [[

{ title: 'ID', field: 'id', width: 40, sortable: true, align: 'center' },

{ title: '数 量', field: 'qty', width: 40, sortable: true, align: 'center' },

/editor 定义此列编辑类型/

{field: 'NewQty', title: '修改数量', width: 120,editor:{type: 'text'}

}

}

]],

/监听用户点击行事件/

onClickRow : function(rowIndex,rowData) {

/开始/结束编辑/

if (lastIndex != rowIndex) {

$('#dg')datagrid('endEdit', lastIndex);

$('#dg')datagrid('beginEdit', rowIndex);

}

lastIndex = rowIndex;

},/监听编辑完成事件,当用户点击下一行时此事件触发/

onAfterEdit:function(rowIndex,rowData,changes){

/changes是用户修改后的值对象，没有发生更改此对象为空/

if(changes!=null){

alert("文本框里的值:"+changesNewQty);

alert("本行ID值:"+rowDataid);

});

}

以上就是关于如何获取当前easyui datagrid的总行数全部的内容，包括:如何获取当前easyui datagrid的总行数、怎么获取datagrid中数据、怎样通过编辑器获取easyui status列的状态值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！