Canjs：一个html中的多个页面

【问题标题】：Canjs: multiple pages inside one htmlCanjs：一个html中的多个页面
【发布时间】：2014-06-11 16:29:12
【问题描述】：

在单个 html 内的页面之间导航的推荐方法是什么。例如，列表页面 (#listId) 内容和详细信息页面 (#detailsId) 内容都有占位符。我们应该使用 jquery show/hide to #listId 还是 #detailsId 与 canjs 路由机制？

canjs 是否支持类似方法http://api.jquerymobile.com/jQuery.mobile.changePage/？

【问题讨论】：

标签： routing canjs canjs-routing

【解决方案1】：

如果您使用canjs路由会更好，这样用户可以复制该页面的链接，并且在共享时会显示正确的内容。所以你可以有一个看起来像这样的控件：

APP.MainControl = can.Control({
    init: function (ele, options) {
        var view = can.view('t-main', {});
        ele.append(view);
        can.route.ready();
    },

    'list route': 'showList',

    'details route': 'showDetails',

    showList: function (data) {
        // You can load a can view here, 
        // a can controller or just use jquery to show the element
    },

    showDetails: function (data) {
        // ...
    },

});

或者，您可以在页面上拥有一个绑定到 can.route 的 can 组件，但我没有这方面的示例。

【讨论】：