0

私は見解を持っています。onchange入力フィールドのリスナーをアタッチしようとしています。テキストフィールドでそれを行う方法は知っていますが、htmlフィールドを使用する必要がある非常に特殊な設定があります。以下のリスナーを機能させるにはどうすればよいですか。フィールドのテキストを変更すると、コンソールに出力が表示されます。

Ext.define('A.view.Viewa', {
    xtype: 'Viewa',

    extend: 'Ext.Panel',

    config: {
        title: 'Title',
        layout: {
            type: 'fit'
        },

        items: [

            {
                styleHtmlContent: true,
                scrollable: true,
                items: [

                ],
                html: [
                    "<input type='text' value='changeme' id='changetext'/>"
                ].join("")
            }
        ],

        listeners  :  {
                       change : {
                            fn: function() {
                                console.log("Yes it works!!");

                            },
                            delegate : '#changetext',
                            element : 'element'
                       }              
        } 
    }
});
4

1 に答える 1

1

リスナーで試してみましたchangeが、うまくいきません。keyupリスナーは正常に動作しているようです。

Ext.define('A.view.Viewa', {
    extend: 'Ext.Panel',
    xtype: 'Viewa',

    config: {
        html: '<input type="text" value="changeme" id="changetext"/>',
        styleHtmlContent: true,
        scrollable: true,
        layout: {
            type: 'fit'
        },
        listeners: {
            keyup: {
                fn: function() {
                    console.log("Yes it works!!");
                },
                delegate: '#changetext',
                element: 'element'
            }
        },
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                title: 'Title'
            }
        ]
    }

});
于 2013-02-14T06:14:10.543 に答える