1

Ext JS を使用してアプリケーションを開発しようとしています。これまでのところ、ボーダーレイアウトのビューポートを開発し、北地域、南地域を完成させました。中央の領域には、データを検索するための 1. などの複数のパネルがあります。2. データ タスク リスト (フォーム) を入力し、次のパネルにグリッドを表示しました。そのパネルに続いて、クリックイベントをリッスンしてユーザーにフォームを表示するボタンがあります。

そのイベント処理の場合、コントローラーは次のようになります。

    this.control({
       'viewport button [action=add]':{
    click: this. addData},
addData : function(button){
consol.log('the add button was clicked');
}
    .......

ボタンが表示されているページでボタンをクリックすると、何も応答しません。ビューポート用の構造コードは次のとおりです。

launch : function() {
    Ext.create('Ext.container.Viewport', {
        layout : 'border',
        autoScroll : true,
        items : [{
            region: 'north',
            .......
        },{
            region: 'west',
            ..............
        },{
            region: 'center',
            items:[{
                xtype: 'panel',
                ..............
            },{
                xtype: 'panel',
                ............
            },{
                xtype: 'userlist' 
            },{
                xtype: 'button',
                 text: 'Add',
                 action: 'add'
            }]
        }]

どんな助けでも大歓迎です

4

1 に答える 1

2

buttonセレクター内のとの間のスペースを削除[action=add]します。

this.control({
   'viewport button[action=add]': {
        click: this. addData
    },
    ...
于 2013-06-27T18:49:51.470 に答える