NSS_09 gridpanel中的actioncolumn事件

　　在设计角色权限时，　终于用到了grid的actioncolumn，如下：

{

            header: '权限设定',

            xtype: 'actioncolumn',

            items: [{

                icon: 'Content/images/cog_edit.png',

                tooltip: '权限设定',

                handler: function (grid, rowIndex, colIndex) {

                    //var rec = grid.getStore().getAt(rowIndex);

                    //alert("Edit " + rec.get('Role_name'));

            }]

        },

　　这是官方示例中的事件处理方式，但是用这种方式很明显的不符合ＭＶＣ的模式，　要怎么才能够在ＭＶＣ模式中应用actioncolumn的事件呢？

　　因为actioncolumn中的元素，它只是一张图片，而不是Extjs中的组件，　所以不能应用以下方式：

this.control({

    'mygrid actioncolumn button[type=edit]' : this.onEdit

　　上面的方式，应该是最好的，　但不幸的是它是不可能实现的，　但是有另一种方法，　它和上面的一样简洁：让actioncolumn的处理函数去触发grid的自定义事件（由你自己定义），

handler: function(grid, rowIndex, colIndex) {

            // fire custom event "itemeditbuttonclick"

            this.up('grid').fireEvent('itemeditbuttonclick', grid, rowIndex, colIndex);

        }

  然后控制器上实现如下：

this.control({

        'viewport > testpanel': {

            itemeditbuttonclick: this.onEdit,

            itemdeletebuttonclick: this.onDelete

        }

    });

  感慨一下，国外的extjs资料确实多啊。

  自定义事件原理以后再深入了解吧， 最近做项目每天脑袋胀胀的

  －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

  发现在此函数中， 给grid添加window, grid.add('')时会报错， 然后 debug发现grid是Ext.grid.View类型， 从属性中看到ownCt属性， 哈哈。

 

[参考]http://stackoverflow.com/questions/12716675/how-to-perform-view-controller-separation-when-using-an-actioncolumn-ext-grid