Question

easyui-datagrid 获取所有行列值

$(function(){
//实现对DataGird(表格)控件的绑定操作

$('#grid').datagrid({ //定位到Table标签，Table标签的ID是grid
url: '../json/xcxl.json', //指向后台的Action来获取当前菜单的信息的Json格式的数据
iconCls: 'icon-view',
nowrap: true,//不换行
width: 800,
autoRowHeight: false,//自动调整行高
striped: true,
collapsible: false,//不可折叠
/* pagination: true,
pageSize: 10,//一页显示的行数
pageList: [10,20,30],//可选择的一页显示的行数，默认10
rownumbers: true,//显示行号 */
fitColumns: true,//列的宽度自动填充
columns: [[
{ title: '操作', field: 'cz',idField: 'cz', width: 100,align: 'center',formatter:operate},
{ title: '序列', field: 'xl',idField: 'xl',idField:'xl', width: 50 ,align: 'center',editor: { type: 'validatebox', options: { required: true}}},
{ title: '出发站', field: 'cfz',idField: 'cfz', width: 100,align: 'center',formatter:setRoutingFrom},
{ title: '耗时（时）', field: 'hs',idField: 'hs' ,textField:'hs', width: 50 ,align: 'center',editor: { type: 'validatebox', options: { required: true}}}
]]
});
});
这是我代码，当我点击页面提交按钮时怎么获取到所有列的值，比如序列，出发站，耗时，
var rows = $('#grid').datagrid("getRows"); 我这里获取所有行，
for(var i=0;i<rows.length;i++)
{
alert(rows.hs);
}
这里打印出来的是 undefined ,请问具体要怎么才能拿到值，万分感谢！

Answer 1

easyui-datagrid怎么获取所有行列值方法：

1、定义id为datagrid的easyui-datagrid，并将其置于id为div-dg的div内；

2、定义datagrid的列时，使用下面的方式为datagrid添加文本框列，并将其value设置为100；

3、使用如下的方式获取文本框列的第一个值，使用eq(index)方法可以获取第任意个文本框的值；

4、结果并未能如愿，查看生成的html源代码；

5、发现，生成的文本框列位于id为div-dg的div内，而不是id为datagrid的table下面，所以才会出现前面所述的结果。正确的获取文本框列的值的方法如下。

如需获取每一行的行列值，内容如下：

Answer 2

rows.hs 不对 你试试rows[i].hs

追问

一样的，不行！

追答

那你debug js 吧 看看 js有没有错 rows值拿没拿到 拿到的话 理论上说rows[i] .hs 是没有问题的

Answer 3

getRows好像只是获得多少行，不是数据。
需要你使用getData来获得

转个firebug。
console.info(rows);
你就能看到rows到底是什么了