Question

Easyui中获取datagrid某多个列的值

这是效果图
$('#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' },
{
field: 'NewQty', title: '修改数量', width: 120,
formatter: function (value, row, index) {
//if (row.editing) {
var s = '<input type="text" style="width:60px"/>;';
var c = '<input type="image" src="/Content/jquery-easyui-1.3.6/themes/icons/ok.png" onclick="saverow(' + row + ')"/>';
return s+c;
}
}
]],
问题是，我想获取两个值，一个是ID的值一个是文本框里的值，请问怎么获取呢？

Answer 1

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

  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("文本框里的值:"+changes.NewQty); 
    alert("本行ID值:"+rowData.id); 
     });

   }