如何在Sencha Touch 2中动态设置字段集标题?

时间:2012-09-13 06:48:05

标签: sencha-touch-2 fieldset

我想动态设置字段集标题。我有一个包含1个或多个字段集的表单。我希望fieldset标题按顺序编号为3,2和3中的3个。例如,这里是表单控制器中的一些代码:

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.getItems()的项目并以这种方式查找字段集,但我确信有一种更简单的方法来获取字段集,然后动态设置它们的标题。

1 个答案:

答案 0 :(得分:0)

我已经解决了你的问题。由于你没有给出'View.js'的编码,所以我创建了自己的View - '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');
}

});

这可能会对你有所帮助。
如有任何疑问,请随时提出 再见。