.. / 9.3 ExtJS: Форма. Submit

Добрый автор книги «Ext JS 3.0 Cookbook» выложил в открытый доступ главу из своей книги, посвященную формам. Пример сабмита из этой книжки, с небольшими модификациями, я и использовал, снабдив его комментариями.

    new Ext.form.FormPanel({ // инициализация панели с формой.
        bodyStyle:'padding: 10px',
        width:400,
        renderTo: 'ex0', // результат поместить в контейнер с ID='ex0'
        id: 'login-form',   // ID панели. Он понадобится для сабмита формы
        bodyStyle: 'padding:15px;',
        url:'test.php', // url по которому будет оправлена форма
        items: [            // массив полей формы
                {   xtype: 'textfield',
                    fieldLabel: 'Login',
                    name: 'login'           // имя поля <input name=«login»

                },
                {
                    xtype: 'textfield',
                    name: 'pass',           // имя поля <input name=«pass»
                    fieldLabel: 'Password',
                    inputType: 'password'   // Не просто  textfield, а  password

                }],
          buttons: [{                         // набор кнопок. Здесь она всего одна
                    text: 'Login',
                    handler: function()
                      { Ext.getCmp('login-form')    // По ID адресуемся к панели
                            .getForm()              // берем форму
                            .submit();
                    }}]
        });

Для отправления сообщения в форму ввели кнопку, на которую навесили функцию отвечающую за отправление данных формы. рассмотрю по шагам

1. Сначала определяется форма, которую нужно засабмитить. При инициализации этой форме указали свой внутренний ID компонента
   id: 'login-form',
   И теперь к этому компоненту можно обратиться следующим образом:
   Ext.getCmp('login-form')
   т.е. getCmp посволяет получить компонент по id
2. Из полученного компонента вытаскиваем форму
   Ext.getCmp('login-form').getForm()
3. Вызываем метод submit формы. Пока я не задал параметры и результат действия формы можно наблюдать только в FireBug'e на вкладке «Сеть». ПРи нажатии на кнопку данные отправляются и какой-то ответ получается. Но результат уже есть - данные отправляются. Далее рассмотрю как получать и обрабатывать эти данные.

.getForm()              // берем форму
.submit({               // сабмитим
        success:        // устанавливаем обработчик норм. завершения
           function(form, action){
               //  action.result - json отклик сервера Ext.Msg.alert(action.result.msg);
                                                   },
        failure:            // устанавливаем обработчик ошибки
                function(form, action){ Ext.Msg.alert(action.result.msg);
           }
});

{success:true,myFirstMsg:'OK!'}

{success:false,msg:'Error for example!'}