Question

我正在使用Sencha Touch 2，我需要创建一个被吸入一组屏幕的TitleBar。 TitleBar元素是下拉列表。下拉列表中的项目必须是动态的，必须从数据文件加载。

我已设法加载数据，但我无法将数据传回TitleBar。换句话说，我需要以某种方式创建对标题栏的引用。

代码：

Ext.define('CustomerToolbar', {
extend: 'Ext.TitleBar',


xtype: 'customer-toolbar',


initialize: function() {
    this.callParent(arguments);

    this.loadItems();




    console.info("end of init");       
},


config: {
    layout: 'hbox',


    defaults: {


    }
},


loadItems: function (titleBar) {
    var itemList = [];
    var itemOptionList = [];


    Ext.getStore('OrganizationStore').load(function(organizationList) {


        console.info("getOptionList inside the store load function");


        Ext.each(organizationList, function(organization) {


            console.info("organizations: " + organization.get("name") + "," + organization.get("id"));
            itemOptionList.push({text: organization.get("name"), value: organization.get("id")});


        });


        console.info("itemList - about to populate");
        itemList.push(
            {
                xtype: 'selectfield',
                name: 'customerOptions',
                id :'organizationId',
                options: itemOptionList,
                action :'selectOrganizationAction'
            }
        );
        console.info("itemList - populated");
        console.info("itemList within the store block: " + itemList);


        console.info("this: " + this);


       //THIS IS WHERE I AM HAVING THE PROBLEM. 
       //The variable this points to the store and not to the TitleBar
       //this.setItems(itemList);


    });


    console.info("itemList outside the store block: " + itemList);
}

}）;

Answer 1

您可以在selectfield中添加一个监听器并执行

listeners:{
            change:function(){
                title = Ext.getCmp('organizationId').getValue();
                Ext.getCmp('TitlBarID').setTitle(title);
            }
        }

我知道Ext.getCmp并不时髦但它有效

Sencha Touch 2 - 使用商店填充TitleBar

1 个答案: