ExtJS的grid行编辑插件事件触发

       原本这个号是为了找工做(记录本身找工做期间刷代码的所想所得,重要是伪装本身有一个技术博客...),可是排序算法还没刷完就找到了工做,因此就懒病继续发做就没写了。如今工做了,真是什么都不懂,为了记录工做中遇到的问题,必须再把它捡起来。javascript

       最近的项目中要用到ExtJS,由于根本就不懂,因此就给我安排了一个简单的表格增删查改的实现,之中遇到了许多问题,慢慢解决吧,如今先说说在一个grid中,当使用了行编辑插件后,点击保存如何触发事件。java

       如何在view面设置一个监听、触发监听,以后在控制器页面来处理这个监听程序,过程以下:对于每个类,由什么来触发监听,能够再ExtJS自带的api文档中找到该类的Events项,里面有哪些事件,哪些事件就能触发监听。例如Ext.grid.plugin.RowEditing类,有beforeedit、canceledit、edit、validateedit四种事件,那么listener就能够监听这四种事件,阅读api文档可知它们分别监听什么事件,在view页面插件配置项下编写以下代码:算法

listeners: {
            edit: {
                fn: 'wobuzhidao',
                scope: 'controller'
            }
        }

  Listeners监听了edit事件,其处理函数名为wobuzhidao,做用范围在控制器,控制器代码以下api

wobuzhidao: function (editor, context, eOpts) {
        alert(context.record.get('age'));
    }

       在这个处理函数里,有3个参数,是从view页面监听程序的edit传过来的,经过查阅api文档咱们能够看到这三个参数,而且知道他们分别表明什么。以上代码实现了在grid里的plugin插件中,对行编辑设置了一个监听,当编辑保存后会触发edit事件,经过context参数的.record.get(‘age’)获取编辑行对应列的值。函数

相关文章
相关标签/搜索