Показать сообщение отдельно
  #1 (permalink)  
Старый 09.07.2013, 13:50
Интересующийся
Отправить личное сообщение для serg3091 Посмотреть профиль Найти все сообщения от serg3091
 
Регистрация: 23.06.2013
Сообщений: 15

получение имени кнопки в buttongroup
добрый день подскажите плз, как сделать такую универсальную штуку, что бы при клике получать text элемента, в дальнейшем его ajax`ом отправить на сервак, не хочется просто к каждой букве городить , что то подобное ,
var button = Ext.create('Ext.Button', {
            margin:'10 0 0 30',
            text: 'A',
            renderTo: Ext.getBody()
            listeners: {
                click: function(){
                    alert(button.text);
                },
                scope:this
            }
        });
});

Хочу что то универсальное, что бы потом можно легко добавить скажем целый алфавит другого языка.
Ext.require([
        '*'
    ]);

    Ext.onReady(function() {
        var searchDoc = Ext.create('Ext.panel.Panel', {
            title: 'Panel with ButtonGroup',
            renderTo: Ext.getBody(),
            bbar: [{
                    xtype: 'buttongroup',
                    width: '100%',
                    columns: 11,
                    title: 'Поиск',
                    items: [
                        {text: 'А',id: 'el'},{text: 'Б'},{text: 'В'},{text: 'Г'},{text: 'Д'},{text: 'Е'},
                        {text: 'Ё'},{text: 'Ж'},{text: 'З'},{text: 'И'},{text: 'Й'},{text: 'К'},
                        {text: 'Л'},{text: 'М'},{text: 'Н'},{text: 'О'},{text: 'П'},{text: 'Р'},
                        {text: 'С'},{text: 'Т'},{text: 'У'},{text: 'Ф'},{text: 'Х'},{text: 'Ц'},
                        {text: 'Ч'},{text: 'Ш'},{text: 'Щ'},{text: 'Ъ'},{text: 'Ы'},{text: 'Ь'},
                        {text: 'Э'},{text: 'Ю'},{text: 'Я'}
                    ],
//                listeners: {
//                    click: {
//                        element: Ext.get() , //bind to the underlying el property on the panel
//                        fn: function(){  alert("okok"); }
//                    }
//                }
                listeners: {
                    element: Ext.get("el"),
                    click: {
                        fn: function(el) {
                            alert(el.text);
                        }
                    }
                }
        }]
    });
 });
Ответить с цитированием