EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件

简介: EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
//grid的单击事件
this.grid.onClickRow = function(index,rowData){
  //单击时触发编辑行事件
  $('#staffLogDetailGrid').datagrid('beginEdit',rowIndex);
  // 绑定事件, index为当前编辑行
  var editors = $('#staffLogDetailGrid').datagrid('getEditors', index);
  console.info(editors[5]);
  var sfgzEditor = editors[5];
  sfgzEditor.target.bind('change',function (){
    console.info("111");
    console.info(sfgzEditor.target.val());
  });
}

以上的edit类型是: ‘validatebox’,如下所示;

editor : {
  type : 'validatebox',
  options : {
    required : true
  }
}

绑定的是change事件;即单元格的内容改变时(无须失去焦点,只要内容改变就行了);

这是一个combobox对象;可以直接对其赋事件的; 所以代码如下:

// 绑定事件
var editors = $('#staffLogDetailGrid').datagrid('getEditors', lastIndex);
console.info(editors[3]);
var sfgzEditor = editors[3];
var sfgzCobobox = sfgzEditor.target;
console.info(sfgzCobobox);
sfgzCobobox.combobox({
  onChange : function(n,o){
    console.info("111");
  }
});

这样就可以给type为combobox的edit绑定事件了;


相关文章
|
4天前
EasyUI datagrid 从左至右递归合并表格
EasyUI datagrid 从左至右递归合并表格
11 2
|
4天前
EasyUI DataGrid 假分页
EasyUI DataGrid 假分页
9 0
|
1天前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
|
1天前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
3月前
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
|
3月前
EasyUI DataGrid 可编辑列级联操作
EasyUI DataGrid 可编辑列级联操作