KNockout JS - 加载外部模板

时间:2015-12-31 19:50:19

标签: javascript jquery html knockout.js

大家好我正在构建一个与此示例http://jsfiddle.net/rniemeyer/WpnTU/非常相似的CRUD系统。

背景:

我有几个HTML页面,每个页面都包含相同的数据表,但显示不同的信息(每个页面都有不同的用途)。

在每行上都有一个编辑按钮,例如在示例中看到的yuo。由于模态表单在所有HTML页面中都是相同的,因此我决定创建一个包含模态表单的HTML页面。然后我在每个HTML页面上使用jquerys加载函数,如$("#load_modal").load("pages/modal_form.html");

问题:

在一个基本的HTML页面上,这很有用。我认为这是一个很好的方法,并给自己拍了拍。但现在我遇到的问题是,当开始实施淘汰时,它似乎很好地协同工作。模态剂量总是正确弹出等等。

我的问题:

此时我不想弄明白我的代码问题。我花了几天时间盯着它,我得出结论,我需要完全重新考虑我的方法。我很高兴听到你的一些意见,关于解决这类问题的最佳方法。

到目前为止的想法:

有人会知道一个更简单的模板解决方案,甚至有一个完全不同的方法吗?

1 个答案:

答案 0 :(得分:1)

使用jQuery修改你的DOM在Knockout中无法正常工作。您可以使用components来定义表单HTML。使用observable切换显示的组件。