extjs grid 事件

71 阅读 0 评论 47 点赞

我是靠谱客的博主谨慎板栗，最近开发中收集的这篇文章主要介绍extjs grid 事件，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Grid的数据源是store，我们有时需要做点击某一个项而触发一定的事件，在这个处理过程中，我们不免需要得到点击的那个项，如何获得相应的数据呢？首先，来看看怎么写触发事件。假设变量_grid就是一个GridPanel的句柄（或者说引用），我们要对实现双击GridPanel中的某一项时触发一个event。那么我们只需要 _grid.addListener('celldblclick',function(grid, rowIndex, columnIndex, e){ //Todo Something here }); function中的4个参数的含义，我们来参看下文档。 celldblclick : ( Grid this, Number rowIndex, Number columnIndex, Ext.EventObject e ) Fires when a cell is double clicked （如果你希望是单击，可以把celldblclick换成cellclick）我们已经可以得到点击的那个项所对应的列索引和行索引，接下来要做的就是靠这两个重要的索引去帮助找出你想要的数据。我们假设，记录（Record）的field为['pid','name','gender','birthday']. 那么我们先获得Store，使用GridPanel的getStore()方法。方法原型是：getStore() : DataSource ，这里的DataSource其实就是Ext.data.Store. 然后我们使用getAt( Number index ) : Ext.data.Record方法去得到点击触发事件的那个记录（Record），得到了Record后怎么办呢？注意哦，这里的Record的用法并不是像Json那样直接用属性去取值的。而是需要使用方法get( String name ) : Object 这时，虽然返回的是Object，其实就已经是String了，可以直接alert或者做其他的处理。 _grid.addListener('celldblclick',function(grid, rowIndex, columnIndex, e){ var s=grid.getStore(); var x=s.getAt(rowIndex); alert(x.get('pid')); });