2015-12-31 7 views
2

Привет, ребята Я строю систему CRUD, очень похожую на этот пример http://jsfiddle.net/rniemeyer/WpnTU/.KNockout JS - Загрузка внешних шаблонов

Контекст:

У меня есть несколько страниц HTML, которые каждый из которых содержит ту же таблицу данных, но показывает различную информацию (на каждой странице есть их использование ти различных).

В каждой строке есть кнопка редактирования, подобная yuo, как показано в примере. Поскольку модальная форма одинакова на всех HTML-страницах, я решил создать одну HTML-страницу, содержащую модальную форму. Затем я использую функцию загрузки jquerys так: $("#load_modal").load("pages/modal_form.html"); на каждой из HTML-страниц.

Проблема:

На основной HTML странице это работает большой. Я решила, что это был блестящий подход и дал мне похлопывание по спине. Но теперь проблема заключается в том, что, когда начал внедрять нокаут, он, похоже, очень хорошо работает вместе. Модальный доцент всегда появляется правильно и таков.

Мой вопрос:

На данный момент им не глядя, чтобы выяснить мой вопрос кода. Я провел дни и недели, глядя на него, и я пришел к выводу, что мне нужно полностью пересмотреть свой подход. Im curios, чтобы услышать некоторые из ваших оппонентов о том, что было бы лучшим aproach, чтобы заняться чем-то подобным.

Идеи до сих пор:

  • Я нашел этот https://github.com/rniemeyer/knockout-amd-helpers/tree/master/examples Но доцент использовать последнюю версию нокаута и кажется более сложным для чего-то простого мне нужно.

  • Я также видел, что использование requireJS было бы другой идеей, но, честно говоря, это, похоже, усложняет для меня вещи.

Может кто-нибудь знать о более простом решении шаблона или даже иметь совершенно другой подход к этому?

ответ

1

Использование jQuery для изменения DOM не будет хорошо работать в Knockout. Вы можете использовать components для определения формы HTML. Используйте наблюдаемый для переключения компонента.

Смежные вопросы