将选项卡式窗格添加到导航窗格 - BlackBerry 10

Question

对于我的 Blackberry 10 应用程序，我想做的是将选项卡式窗格连接到导航窗格。但是，当用户从列表中选择一个项目时，我该怎么做？我创建了一个列表视图，其中项目的源基于 XML 文件，但我想知道在我的 ListView 的 onTriggered 事件中需要更改什么，因为我认为它与此有关，目前它只推送页面。

QML

import bb.cascades 1.2

    Page {
        id: waterlooandcity
        Container {
            ListView {
                dataModel: XmlDataModel {source: "asset:///models/WC.xml"}
                    listItemComponents: [
                        ListItemComponent {
                        type: "item"
                        content: Container {
                            StandardListItem {
                                title: ListItemData.title
                                description: ListItemData.zone
                            }
                        }
                    }
                ]
                onTriggered: {
                    var chosenItem = dataModel.data(indexPath);
                    Qt.pageTitle = chosenItem.title;

                    chosenPage.source = chosenItem.file;
                    nav.push(chosenPage.createObject());
                }
            }
        }
    }

XML

<root>
    <item title="Bank"  zone="Fare zone 1"  file="Bank_(WC).qml"/>
    <item title="Waterloo"  zone="Fare zone 1"  file="WAT_(WC).qml"/>
</root>

Answer 1

TabbedPane 不能放置在 NavigationPane 或 Page 内。通常假定它是应用程序的根目录。

您可以做的是打开一个包含 TabbedPane 的工作表。

诸如：

attachedObjects: [
    Sheet {
        id: tabSheet
        property variant source
        TabbedPane {
            //insert tabs here
        }
    }        
]

然后您可以打开工作表并将参数传递给它，如下所示：

onTriggered: {
    var chosenItem = dataModel.data(indexPath);
    Qt.pageTitle = chosenItem.title;

    tabSheet.source = chosenItem.file;
    tabSheet.open();
}

我没有对此进行测试，但它应该可以工作。