Javascript 带选项卡式用户界面的KnockoutJs应用程序：最佳实践是什么？

我正在构建一个具有多选项卡功能的单页KnockoutJs应用程序

到目前为止，我已经尝试了jQueryUI的选项卡功能，其中包含了我的基本想法

下面是我的一个例子：

使用此jQuery UI函数：

$(document).ready(function() {
$("#tabs").tabs();
});

如何在Knockoutjs应用程序中构建标签？是否有最佳实践

---

这是一个好的方向吗？或者有没有关于去哪里找的建议

看看我的绑定集合

签出和链接

看看这些标签

<div data-bind="tabs: tabs, tabsOptions: { selectedTab: selectedTabModel, enable: tabsEnabled }"></div>

---

查看我的绑定集合

签出和链接

看看这些标签

<div data-bind="tabs: tabs, tabsOptions: { selectedTab: selectedTabModel, enable: tabsEnabled }"></div>

---

我建议您看看

PagerJS是一个基于KnockoutJS和jQuery的JavaScript库，它提供了以声明方式创建单页应用程序的可能性——在子页中嵌套子页，其中每个子页都可以独立开发，但仍然可以相互通信

我有一个已经完成的项目，它将PagerJS用于单页应用程序，它可能会对您有所帮助

---

希望这有帮助

我建议您看一看

PagerJS是一个基于KnockoutJS和jQuery的JavaScript库，它提供了以声明方式创建单页应用程序的可能性——在子页中嵌套子页，其中每个子页都可以独立开发，但仍然可以相互通信

我有一个已经完成的项目，它将PagerJS用于单页应用程序，它可能会对您有所帮助

---

希望这有帮助

根据需求，您可能应该考虑为每个选项卡设置单独的VIEW模型，并且如果它符合要求，则每个选项卡都用Ajax调用填充。或者您是否正在动态地创建选项卡，基于viewmodel数据？寻找如下内容：@beon这里的主要答案是：拥有多个视图模型似乎是合理的。我不想创建标签dynamically@Tyrsius我不知道你是否理解你的例子。它看起来和我的实现一样，取决于需求，您可能应该考虑为每个选项卡拥有单独的VIEW模型，并且如果它符合要求，每个选项卡都用Ajax调用填充。或者您是否正在动态地创建选项卡，基于viewmodel数据？寻找如下内容：@beon这里的主要答案是：拥有多个视图模型似乎是合理的。我不想创建标签dynamically@Tyrsius我不知道你是否理解你的例子。它似乎与我的实现相同