Sencha Touch 2計算器實時綁定

我正在開發一個具有計算器功能的應用程序：例如，我有4個文本字段，當用戶鍵入第一個字段，第二個字段和第三個字段中的數字時，應用程序將自動計算並在第四個字段給出答案，無需用戶按任何按鈕。 1 + 1 + 1 = 3答案是3是自動計算。我的文本字段中的代碼是：Sencha Touch 2計算器實時綁定

Ext.define("ikhlas.view.assetallocate", { 
    extend: 'Ext.Panel', 
    xtype: 'assetpanel', 

    config: { 
     title: 'Asset', 
     iconCls: 'info', 
     scrollable: true, 
     styleHtmlContent: true, 

     items: [{ 
      layout: 'hbox', 
      items: [{ 
       html: 'Sum 1:', 
       flex: 1 

      }, { 
       xtype: 'textfield', 
       flex: 1 
      }, ] 

     }, { 
      xtype: 'spacer', 
      height: 10 

     }, { 
      layout: 'hbox', 
      items: [{ 
       html: 'Sum 2:', 
       flex: 1 

      }, { 
       xtype: 'textfield', 
       flex: 1 
      }, ] 

     }, { 
      xtype: 'spacer', 
      height: 10 

     }, { 
      layout: 'hbox', 
      items: [{ 
       html: 'Sum 3:', 
       flex: 1 

      }, { 
       xtype: 'textfield', 
       flex: 1 
      }, ] 

     }, { 
      xtype: 'spacer', 
      height: 10 

     }, ] 
    } 
});

My current interface.

我的控制器看起來是這樣的，它仍然是空的：

Ext.define('ikhlas.controller.SubmitController', { 
    extend: 'Ext.app.Controller', 

    config: { 
     refs: { 

     }, 
     control: { 


     } 
    }, 

    submitbutton: function() { 

    } 
});

我的店，我的模型都是空的現在。誰能幫我建立這個真的讓我很難過？

來源

2012-05-21 Apulo Ohale Cosmas Lite

的[我需要在煎茶計算器幫助工作真正可能重複時間]（http://stackoverflow.com/questions/10694926/i-need-help-in-sencha-calculator-working-real-time） – surhidamatya

首先，給id屬性爲每個4 textfield這樣的，

xtype:' textfield', 
id: 'txtField1'

等。然後，添加Submit按鈕代碼的隔板下面，

{ 
    xtype: 'button', 
    text:'Submit', 
    id: 'submitBtn' 
}

，然後在你的controller文件，這樣寫，

config:{ 
    refs:{ 
     submitBtn: '#submitBtn', 
     txtField1: '#txtField1', 
     txtField2: '#txtField2', 
     txtField3: '#txtField3', 
     txtField4: '#txtField4' 
    }, 
    control:{ 
     submitBtn: { 
      tap: 'submitBtnTapFn' 
     } 
    } 
}, 

submitBtnTapFn : function(){ 
    var value1 = Ext.getCmp('txtField1').getValue(); 
    var value2 = Ext.getCmp('txtField2').getValue(); 
    var value3 = Ext.getCmp('txtField3').getValue(); 
    var value4; 

    value4 = value1 + value2 + value3; 
    Ext.getCmp('txtField4').setValue(value4); 
}

來源

2012-05-21 04:56:58

控制檯日誌錯誤？ –

嗨RoadRunner，我的錯，現在它的工作很好，謝謝。 –

還有一件事，我想要刪除按鈕並實時計算字段，這意味着一旦填滿了3字段，系統將自動計算，而無需用戶按下發送按鈕。 –

Sencha Touch 2計算器實時綁定

回答

相關問題