В Sencha Touch, как мне сделать расчет с входами, полученными от полей формы?

Question

Скажем, у меня есть форма, как это:

var Sum1 = new Ext.form.FormPanel({ 
    id: 'Sum1', 
    items: [{ 
     xtype: 'fieldset', 
     title: 'Step 1: Calculating The Sum', 
     items: [{ 
      xtype: 'numberfield', 
      name: 'num1', 
      label: 'First Number' 
     },{ 
      xtype: 'numberfield', 
      name: 'num2', 
      label: 'Second Number' 
     },{ 
      xtype: 'numberfield', 
      name: 'num3', 
      label: 'Third Number' 
     },{ 
      xtype: 'numberfield', 
      name: 'num4', 
      label: 'Fourth Number' 
      },{ 
      xtype: 'button', 
      name: 'CalcSum', 
      ui: 'Confirm', 
      text: 'Calculate Sum', 
      handler: function() { 
       Ext.getCmp('Total').setValue('1'); 
      } 
     }] 
    },{ 
    xtype: 'fieldset', 
    title: 'Calculated Total', 
    items: [{ 
     xtype: 'textfield', 
     name: 'Total', 
     id: 'Total', 
     placeHolder: 'Your Calculated Total' 
    }] 
}); 

То, что я хочу сделать, это использовать значения num1-4 в какой-то метод, который суммирует их и возвращает значение - которое затем установить в моем текстовом поле Total.

Я очень новичок в Sencha Touch, и я использую Sencha Touch 2.0, так что хотел бы любой помощи.

Спасибо.

Answer 1

Я бы слушал метод blur. Этот метод будет вызван после того, как ваше текстовое поле потеряет фокус. Тогда вы можете сделать свое дело и выплюнуть его в поле total?

См API: http://docs.sencha.com/touch/2-0/#!/api/Ext.field.Text

Возможно:

blur: function() { 
    // code here 
} 

или (я думаю лучше)

blur: yourFunctionHere() 

UPDATE 2012-01-30: Вы можете определить это в того же файла или даже по полю:

items: [{ 
     xtype: 'numberfield', 
     name : 'num1', 
     label: 'First Number', 
     blur : function() { 
      console.log('You blurred me!'); 
      // get current value of total field and sum it with me (if I am not null!) 
     } 
    },{ 

Лучший способ - определить одну функцию, вы можете сделать это в том же файле;

items: [{ 
     xtype: 'numberfield', 
     name : 'num1', 
     label: 'First Number', 
     blur : doCalculateTotals() 
    },{