厨房水槽导航中的页面导航

时间:2012-08-04 10:54:21

标签: extjs

我在sencha touch 1中开发了一个基于厨房水槽设计的应用程序。 对于itemDisclosure上的列表,我需要导航到另一个具有菜单的js页面。例如,如果它是员工列表,通过单击特定员工,我应该得到一个具有工资详细信息菜单的不同页面,* 留下详细信息 *等。

    demos.List = new Ext.Panel ({
layout : 'fit',
    cls: 'demo-list',
    items: [{
        width: Ext.is.Phone ? undefined : 300,
        height: Ext.is.Phone ? undefined : 500,
        xtype: 'list',
        store: demos.ListStore, //getRange(0, 9),
        itemTpl: '<div class="contact"><strong>{firstName}</strong> {lastName}</div>',
        onItemDisclosure: function(record, btn, index) {
            Ext.Msg.alert('Tap', 'Disclose more info for ' +  record.get('firstName'));
             ---- From here I want to open a new page ----
             ---- I am following Kitchen Sink architecture -----

            }

    }]
/*}]*/

});

我必须导航到employeeMenu.js

任何人都可以帮助我吗?

提前致谢..

1 个答案:

答案 0 :(得分:0)

Animesh,您必须在项目中添加employeeMenu,如下所示

items: [{
        width: Ext.is.Phone ? undefined : 300,
        height: Ext.is.Phone ? undefined : 500,
        xtype: 'list',
        store: demos.ListStore, //getRange(0, 9),
        itemTpl: '<div class="contact"><strong>{firstName}</strong> {lastName}</div>',
        onItemDisclosure: function(record, btn, index) {
            Ext.Msg.alert('Tap', 'Disclose more info for ' +  record.get('firstName'));
             ---- From here I want to open a new page ----
             ---- I am following Kitchen Sink architecture -----

            }

    },{employeeMenu}]