2012-09-13 43 views
0

我想動態設置字段集標題。我有一個帶有一個或多個字段集的表單。我想字段集標題被順序編號1的3,3 2,和3。實施例3下面是一些代碼的形式的控制器:如何在Sench Touch 2中動態設置字段集標題?

var formView = this.getFormView(), 
fieldsets = formView.down('fieldset'); 

for (var i = 0, len = fieldsets.length; i < len; i++) { 
    fieldsets[i].setTitle((i + 1) + ' of ' + len) 
} 

我想獲得的項目的通過formView的formView.getItems()方法來查找字段集,但我相信有一種更簡單的方法來獲取字段集,然後動態設置它們的標題。

回答

0

我已經解決了您的問題。由於您沒有給出'View.js'的編碼,所以我創建了自己的視圖 - 'demo.js'。

Ext.define("Stackoverflow.view.Demo", { 
extend: "Ext.form.Panel", 
config: { 
    scrollable: 'vertical', 
    items: [ 
     { 
      xtype: "toolbar", 
      docked: "top", 
      title: "Set Title Dynamically ", 
      items: [ 
       { 
        xtype: "button", 
        ui: "action", 
        text: "Set Title", 
        itemId: "settitle" 
       } 
      ] 
     }, 

     { xtype: "fieldset", 
      id: 'field1', 
      title: 'oldtitle', 
      items: [ 
       { 
        xtype: 'textfield', 
        name: 'name', 
        label: 'Name' 
       } 

      ] 
     } 

    ], 
    listeners: [ 
     { 
      delegate: "#settitle", 
      event: "tap", 
      fn: "onSetTitle" 
     }, 
    ] 
}, 

onSetTitle: function() { 
    console.log("title"); 
    var z=Ext.getCmp('field1'); 
    z.setTitle('newtitle'); 
} 

}); 

可能這會幫助你。
對於任何疑問隨時問。
再見。

相關問題