javascript - KNockout JS - 加载外部模板

标签 javascript jquery html knockout.js

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

上下文:

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

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

问题:

在基本的 HTML 页面上,效果很好。我认为这是一个绝妙的方法,并表扬了自己。但现在我遇到的问题是,当开始实现 knockout 时,dosen 似乎合作得很好。模态剂量总是正确弹出等等。

我的问题:

此时我不想弄清楚我的代码问题。我花了好几天甚至几周的时间盯着它看,我得出的结论是我需要重新考虑我的方法。我很想听听您对解决此类问题的最佳方法的一些看法。

目前的想法:

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

最佳答案

使用 jQuery 修改 DOM 在 Knockout 中效果不佳。您可以使用 components定义表单 HTML。使用 observable 来切换显示哪个组件。

关于javascript - KNockout JS - 加载外部模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34551029/

相关文章:

javascript - 选择选项的文本在选择后不同

javascript - 将 Javascript 变量输入到 innerHTML 中

javascript - replaceAll 函数 : Script too long to execute

javascript - 在服务器端访问 jQuery 控件?

jquery - 通过单击另一个 div 中的按钮隐藏一个 div 中的文本框

javascript - jQuery:向左/向右滚动到下一个 div

html - 是否可以直接使用 HTML5 收听任何类型的网络广播?

来自对象的javascript邻接矩阵

javascript - 如何使用javascript在firebase中将在线用户的状态更改为离线用户

jquery - 具有负边距的 SlideToggle 无法按预期工作