добрый день подскажите плз, как сделать такую универсальную штуку, что бы при клике получать 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);
}
}
}
}]
});
});