Question

我们正在转向ExtJS4。但我们面临着分页工具栏事件（onClick和onPagingKeyDown）的问题。这两个正在使用ExtJS3.But现在这些都无法正常工作。

ExtJS3代码是：

var grid = new Ext.grid.GridPanel({      
store : examplestore,
columns : [{
header : s.no,
width : 40
},{
header : company name,
width : 100
},{
header : address,
width : 150
}],
bbar: new Ext.PagingToolbar({
pageSize : 10,
store : examplestore,
width : 350,
onClick : function(){
alert('you have clicked');
},
onPagingKeyDown : function(){
alert('hello');
}
})
});

ExtJS4代码是：

var grid = Ext.create('Ext.grid.GridPanel',{      
    store : examplestore,
    columns : [{
    header : s.no,
    width : 40
    },{
    header : company name,
    width : 100
    },{
    header : address,
    width : 150
    }],
    bbar: Ext.create('Ext.toolbar.Paging',{
    pageSize : 10,
    store : examplestore,
    width : 350,
    onClick : function(){
    alert('you have clicked');
    },
    onPagingKeyDown : function(){
    alert('hello');
    }
    })
    });

现在我们面临一个问题，这些onClick和onPagingKeyDown事件不在ExtJS4中。如何实现这两个事件？

帮助将不胜感激。

Answer 1

onPagingKeyDown在ExtJS4中。但它是私有的，不建议使用它。您可以使用beforechange事件代替onClick和onPagingKeyDown。

ExtJS4中的分页工具栏事件

1 个答案: