событие на нажатие кнопки
 

в ext designer набросала форму редактора формулы.что-то вроде калькулятора.мне надо чтобы при нажатии например кнопки с значение "1" в текстовой строке появилось значение "1".extjs начала изучать недавно..очень срочно надо!!!!!!!!:help:
вот что пока сделала:

MyWindow = Ext.extend(MyWindowUi, {
    initComponent: function() {
        MyWindow.superclass.initComponent.call(this);
			this.findById("save").on("click", function(button, event) {
				Ext.MessageBox.show({
				title:'Сообщение',
				msg: 'Сохранить?',
				buttons: Ext.MessageBox.OKCANCEL,
				animateTarget: 'mb4',
				icon: Ext.MessageBox.QUESTION
				});
			});
			
			this.findById("cancel").on("click", function(button, event) {
				Ext.MessageBox.show({
				title:'Сообщение',
				msg: 'Отменить?',
				buttons: Ext.MessageBox.OKCANCEL,
				animateTarget: 'mb4',
				icon: Ext.MessageBox.QUESTION
				});
			});
			
			
    }
});

заранее очень благодарна!

Ну может как-то так:

new Ext.Window({
        title: 'Калькулятор',
        layout: 'fit',
        width: 700,
        height: 550,
        buttons: [{
           text: '1',
           handler: function(){
                 Ext.getCmp('id-field').setValue(+'1');
           },{
           text: '2',
           handler: function(){
                 Ext.getCmp('id-field').setValue(+'2');
           }
        }]
    });

И если вы только начали не учите 3-й. Учите 4-й ExtJS

ane4ka,
судя по коду, вы очень любите jQuery))
а вот так

this.findById("save")

в ExtJS 4+ не прокатит))
можно как-то так:

Ext.create('Ext.window.Window', {
   title: 'Калькулятор',
   width: 300,
   setInputValue: function(v){
     var input = this.down('textfield');
     input.setValue(input.getValue()+v);
   },
   setSumResult: function(){
     var input = this.down('textfield'),
         arr = input.getValue().split('+'),
         val = 0;
       
     for(var i=0; i<arr.length; i++){
         val+=parseInt(arr[i]);
     }
     input.setValue(val);
   },
   height: 300,
   buttons: [
      {
         text: '1',
         handler: function(){
             this.up('window').setInputValue(this.text);
         }
      }, {
         text: '2',
         handler: function(){
             this.up('window').setInputValue(this.text);
         }
      }, {
          text: '+',
          handler: function(){
             this.up('window').setInputValue(this.text);
          }
      }, {
          text: '=',
          handler: function(){
             this.up('window').setSumResult();
          }
      }
   ],
   items: [
        {
            layout: 'table',
            items: [
                {
                    xtype: 'textfield',
                    hideLabel: true
                }
            ]
        }
   ]
}).show();

ничего общего с джуквэри не вижу.

+1. Цепочки - это, блеать, особенность JS, а не jQuery!

с чего вы взяли что я эту часть кода имел ввиду?)))
я просто указал что в ExtJS 4 такого метода нет, ибо он является устаревшим.
цепочка, написанная на ExtJS в данном случае не может так выглядеть ибо на кнопку обработчик таким образом нельзя повесить.
setHandler здесь применяться должен...

Особенность? хочешь сказать что, например, в C# или Java нельзя использовать цепь функций для доступа к определенному свойству/методу?)))
насмешил...

спасибо всем большое!очень помогли:)
и не ссорьтесь)))

nekto_O, я имел в виду, что это не jQuery позволяет реализовывать цепочные вызовы, а сам язык. Про другие языки я вообще не слова не сказал. Думаю, спорить больше не о чем)

да никто не ссорится, просто меня как программиста на C# возмутила эта фраза
тоесть отсюда следует что цепочки это оказывается особенность JS, а не ООП.

upd и вообще само определение "цепочки" бред...

nekto_O, вы меня неправильно поняли) Я не говорил, что JS уникален в этом роде. Я говорил о том, что это не заслуга jQuery, а возможность в JS.

Вы меня правда не понимаете?

А кто говорил что это заслуга джейкуэри?
Это стиль кодинга в духе ООП-парадигмы так то. Я человеку указал что его код похож на код jQuery-юзера потому что там похожим(не совсем, но очень похожим) образом вешается обработчик на кнопку. А в ExtJS на кнопку обработчик вешается с помощью setHandler(), а не on();
И плюс ко всему в ExtJS4, именно в 4 нет метода findById.

nekto_O, у меня к вам нету больше никаких претензий)

Бред! в джуквери нет, ни on() ни что-то либо что есть в коде автора. Это тоже похоже на джуквери?

elem.addEventListener('click', function(){
});

Или вы считаете что яваскрипт сделан по подобию джуквери?

Есть, вообще-то. Ссылка.

Ну значит я не знаю джуквери, но знаю что джуквери не предел джаваскрипта, и не джуквери породил джаваскрипт... Я пишу на чистом джаваскрипте, и так же применяю подобный стиль написания. Потому что таков джаваскрипт. да и как вижу этот on() ввели в джуквери 1.7 от того и не видел

Так и я об этом...)

троль чтоле? Во-первых, джейкуэри, во-вторых, метод on() есть и в jQuery и в ExtJS, но в ExtJS его применение несколько иное.
где я об этом говорил?
Заметно, зачем тогда спорите? Вот я не знаю jQuery поскольку мне он не нужен. Однако это не означает что я не имел права предположить что в прототипе описанном в 1-м случае есть похожие конструкции.

Если почитаешь топик выше, то можно понять что рассказывать о том что там есть а что там нет, нету смысла. А на все ваши джуквери и прочии либы мне плевать, они не умет того что умеет JavaScript.

Тыкая на ошибки ТС, вы четко упомянули джуквери. Что уже дает понять о том что вы считаете что яваскрипт это джуквери.

фразу "Ну значит я не знаю джуквери" я произнес с оттенком сарказма. Да я не осведомлен последними нововведениями джуквери, но знаю его насквозь от и до, так как в отличии от вас хомячков, я всегда сморю на внутренности того с чем работаю.

У меня в моих библах, таких похожих конструкций, хоть попай ешь... дык что мне предполагать что все работают с моими библами чтоль?

Получается что применять библы совместно с JS нельзя? бред)))
Какие ошибки? Вы что пьяны? человек просто выразился не совсем корректно и меня это задело ибо я пишу на C# в основном.
рад за вас...
такие конструкции не есть что-то особенное, поскольку любой при желании может расширить функционал чистого JS.

devote, пойду за попкорном. :D

Ты так и не понял? Я пытаюсь донести до тебя мысль о том что JavaScript не предел одного джуквери. я использую большую часть методов что юзает джуквери, или наоборот джуквери юзавет то что я юзаю.. Это кому как, но говорить о похожести конструкции джуквери глупо, ибо данную конструкцию придумал не джуквери. Он лишь использует то что придумано до него.

А кто-то спорит чтоль!? Именно поэтому и нельзя считать это собственностью джуквери. Да и вообще если люди изучают джаваскрипт, то им вообще не надо говорить о джуквери и о подобных библах... Ибо зная библу, ты не узнаешь язык.

О, наконец ты что-то толковое сказал :D (без обид). Ты посмотри где я это опровергал?
Скажу более, я чаще всего юзаю чистый JS (после C# конечно) по мере необходимости, но согласись писать какие-то эпичные прототипы на JS нет смысла если это уже написали/упростили в ФВ.
А jQuery я вообще уже не использую, потому что не считаю этот ФВ полноценным, вырос из него.
Автор темы не изучает чистый JS, читай внимательно. Естественно для изучения ФВ необходимо знать сам язык, это разве кем-то оспаривалось?

И вообще советую вспомнить название топика, предложенные варианты не единоверны, кодинг это творческий процесс и совершенного кода не бывает.

когда я пытаюсь Ext.getCmp('id-field').setValue(+'+') то у меня в строке ввода выходит NaN.подскажите как можно решить эту проблему?а то я что-то сообразить не могу:(

Ну это логично. Смотрите мой пример на 1-й странице, если у вас ExtJS4 то работать будет.

спасибо!очень помогли!

Создавать приложения на ExtJS < 4 уже не актуально. А если что-то не работает - значит вы что-то забыли сделать)
скачайте себе последнюю версию тут -> ссылка

я уже решила эту проблему:) спасибо!