zoukankan      html  css  js  c++  java
  • EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件

    有时候在行编辑的时候,一个编辑框的值要根据其它编辑框的值进行变化,那么可以通过在开启编辑时,找到特定的Editor,为其添加事件

    // 绑定事件, 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事件;即单元格的内容改变时(无须失去焦点,只要内容改变就行了);

    当然也可以绑定其他时间: 比如”blur”: 失去焦点的时候,实际中也有这种需求的, 比如一个单元格编辑完成后, 同时其他某些单元格的内容也会随之变化;

    Bind是绑定的意识,即绑定事件的功能;

    Change, blur, bind这些方法都在edit(Object).target里面; console.info(editors[5]);就可以在网页测试工具中查看到;

    里面还有很多事件可以用

     

    Type为'validatebox'的本人已经亲测过,是可以的; 可是type为’combobox’好像change和blur事件都无法正常触发;可是我看到 console.info(editors[5]);

    输出的target 属性值为:

     

    Object[input.combobox-f]

     

    这是一个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绑定事件了;

    http://blog.csdn.net/d7011800/article/details/8692635

  • 相关阅读:
    主键索引和非主键索引解析
    DNS劫持、污染的原理
    B-树,B+树与B*树的优缺点比较
    CollectionUtils工具类
    maven换源
    哪些字段可以加索引?
    callable和runnable的区别
    类加载器实例化时的顺序
    28BYJ-48步进电机
    《计算机网络》读书笔记之应用层
  • 原文地址:https://www.cnblogs.com/hubing/p/4044784.html
Copyright © 2011-2022 走看看