使用SENCHA导航到不同的页面

Question

我使用SENCHA渲染了一个列表。现在我想点击LIST中的项目导航到不同的屏幕/加载不同的屏幕。

        var templist = new Ext.List( {
        title:"xmli",
            itemTpl : '{ename}',

                floating: true,
                indexBar: true,
                width: 350,
                height: 370,
                centered: true,
                store:xmlStore,
                modal: true,
                onItemDisclosure: {
                scope: 'test',
                handler: function(record, btn, index) {
              // I need to a load different page here how ?.
                  // ChangePage();
                }
            },
                hideOnMaskTap: false
            }).show();

请帮助我如何使用SENCHA实现这一目标。

谢谢， 希亚姆

Answer 1

您需要将此列表放在可以将可见组件切换到不同页面的布局中。听起来你可以使用卡片布局：

http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html