Sencha touch 2 如何在Sench Touch 2中动态设置字段集标题?
我想动态设置字段集标题。我有一个包含1个或多个字段集的表单。我希望字段集标题按顺序编号为3中的1、3中的2和3中的3。例如,以下是表单控制器中的一些代码:Sencha touch 2 如何在Sench Touch 2中动态设置字段集标题?,sencha-touch-2,fieldset,Sencha Touch 2,Fieldset,我想动态设置字段集标题。我有一个包含1个或多个字段集的表单。我希望字段集标题按顺序编号为3中的1、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) + '
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)
}
var formView=this.getFormView(),
fieldset=formView.down('fieldset');
对于(变量i=0,len=fieldsets.length;i
我正在考虑获取表单面板formView.getItems()中的项,并以此方式查找字段集,但我相信有一种更简单的方法可以获取字段集,然后动态设置它们的标题。我已经解决了您的问题。由于您没有给出“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');
}
});
也许这对你有帮助如有任何疑问,请随时提问。
再见