Приложение KnockoutJs с пользовательским интерфейсом с вкладками: что лучше всего?

Я создаю одностраничное приложение KnockoutJs с несколькими вкладками.

До сих пор я пробовал функциональные возможности вкладок пользовательского интерфейса jQuery с основной идеей, которую я имел в виду.

Вот мой пример: jsfiddle

используя эту функцию пользовательского интерфейса jQuery:

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

Как бы вы построили вкладки в приложении Knockoutjs? Существуют ли лучшие практики?

Это кажется хорошим направлением? или есть предложения куда смотреть?


javascript single-page-application knockout.js tabbed-interface
person Curiosdev    schedule 09.11.2012    source источник
comment
В зависимости от требований вам, вероятно, следует рассмотреть возможность создания отдельной модели представления для каждой вкладки, и, опять же, если она соответствует требованиям, каждая вкладка заполняется вызовом ajax.   -  person beon    schedule 09.11.2012
comment
Или вы хотите динамически создавать вкладки на основе данных модели представления?   -  person beon    schedule 09.11.2012
comment
Ищите что-то вроде этого: jsfiddle.net/tyrsius/UCGRZ   -  person Kyeotic    schedule 09.11.2012
comment
@beon Основной ответ здесь: ссылка кажется разумным для наличия несколько видовых моделей. Я не хочу создавать вкладки динамически   -  person Curiosdev    schedule 09.11.2012
comment
@Tyrsius Я не уверен, что понял твой пример. Похоже на мою реализацию   -  person Curiosdev    schedule 09.11.2012
comment
@Curiosdev Извините, это должен был быть вопрос. Это похоже на то, что вы ищете?   -  person Kyeotic    schedule 09.11.2012
comment
@beon это пример, который я придумал: ttp://jsfiddle.net/curiousdev/REnaE/   -  person Curiosdev    schedule 09.11.2012

Ответы (2)


arrow_upward
3
arrow_downward

Я бы порекомендовал взглянуть на PagerJS.

PagerJS — это библиотека JavaScript, основанная на KnockoutJS и jQuery, которая обеспечивает возможность создания одностраничных приложений в декларативной манере — вложенные подстраницы внутри подстраниц, где каждая подстраница может разрабатываться отдельно, но при этом взаимодействовать друг с другом.

У меня есть несколько завершенный проект, использующий PagerJS для одностраничного приложения, и он может вам помочь. Пример KnockoutJS и пейджера (не завершен)

Надеюсь это поможет!

person Shane Doyle    schedule 09.11.2012

arrow_upward
1
arrow_downward

Посмотрите на мою коллекцию креплений

Ознакомьтесь с GitHub и пример ссылки

Посмотрите на привязку вкладок

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