问题标签 [knockout-templating]

小提琴：http: //jsfiddle.net/mpqtsjhL/27/

基本上我有一个使用模板的 Knockout.js 组件：

JavaScript：

HTML

我有多个 ViewModel，用户可以通过单击某些按钮将其加载到该模板中。正如我现在所拥有的，当用户加载一个新的 ViewModel 时，它会覆盖旧的。

所需功能：当用户单击按钮加载新的 Viewmodel 时，这些新的列表元素<li>会被附加而不是替换现有的元素。如何？？在Fiddle中，一个列表中应该总共有 6 个列表元素。

编辑：也许我必须沿着这个新小提琴的路线去某个地方？也许这样的事情可以让我在<ul>. http://jsfiddle.net/mpqtsjhL/32/

我正在尝试将模板绑定到我的视图。但我不断收到带有 ID 错误的模板。

模板：<script type="text/html" id="Template">
//some html markup </script>

看法 ：<div data-bind="template: {name: 'Template'}"></div>

所以我试图将内容添加到可观察数组中，但它不会更新。问题不是第一级内容，而是子数组。这是一个小的评论部分。基本上我有这个功能来声明评论

我有一个按id字段检索对象的功能

这是我显示我的评论的地方

并且onEnterSubComment是有问题的事件形式

这很有趣，因为当我在初始化期间（在任何函数之外）尝试相同的操作时，它工作正常

如果有人可以帮助我解决这个问题，因为我有点卡住了:(

在此代码示例中，我正在寻找一种从dataKnockout传递template到data-bind最终应该出现在modal窗口中的 Knockout 的方法。

结果应该是一个模式窗口，根据要删除的参与者显示参与者的姓名。

现在我必须手动输入名称，应该怎么做才能让它们自动绑定？

在附加的示例中，我有一个能够显示树结构的嵌套可排序对象。

目标是在添加新子项时使结构扩展以使更改可见。

一个函数在添加新项目时会自动扩展结构，但它仅在添加 2nd child 后才会扩展，它应该在添加 1st child 后立即扩展。

模板可能有问题，或者一个简单的 jQuery+CSS 技巧可以解决问题，但我找不到合适的。

除了在 stackoverflow 上折叠 Bootstrap 可折叠之外的所有工作，我将不胜感激一些建议。

当any opened item是clickedto 时collapse，其类按以下顺序变化：panel-collapse collapse in> panel-collapse collapsing> panel-collapse collapse in。在正确的顺序中，它应该导致panel-collapse collapse collapsed. 这还没有解决。问题是它collapse被调用了两次。

对此有什么解决方案，以便我可以将其用作模板的一部分？

更新：只有一个panel-group可以独占打开。现在通过删除解决data-parent了这个问题，它现在允许同时打开多个面板。

我添加了登录bootstrap.js（第 608-628 行）：

结果日志：

a)collapse第一次按下时，它看起来很乱

b)collapse任何其他时间按下时

正确的输出应该是：

a)collapse第一次按下时

b)collapse任何其他时间按下时

完整代码：

当使用这个 JSFiddle作为参考来构建具有可组织内容的网格时，我遇到了一个问题。一条错误消息说Error: viewModel is not defined。

它通常应该像示例中那样工作，因为 myviewModel是在 JS 的第一行定义的。它可能与viewModel从模板中请求有关。

在检查其他答案时，它们都太笼统了。我没有找到一个能解决我问题的答案。

完整的错误：

在创建流体布局时，可以在表格内拖动和编辑内容，但我遇到了问题。

单击任何<a></a>超链接后，单元格内容应替换为可编辑的输入框。

这完成了，但是单元格改变了它的大小并破坏了原始布局。

单击后单元格大小不应更改。应该可以通过编辑 CSS 和添加 Bootstrap 类来实现这一点。

在这里，我正在处理使用 Knockout 可排序的代码。它应该显示嵌套的可排序 3+ 级别的深度。

数据被传递给模板，但一些元素在被删除后返回到它们的原始位置（例如，最上层的 A，B 元素）。

我应该如何配置嵌套的可排序，以便最高级别也可以使用而不会出现错误？

错误：

淘汰赛-sortable.js：244 未捕获的类型错误：sourceParent.splice 不是函数

或者

淘汰赛-sortable.js：252 未捕获的类型错误：targetParent.splice 不是函数

JSFiddle - 类似的工作示例

我正在创建一个具有第一维（表中的行）和第二维（一行中的单元格）的二维可排序容器。

单元格应该可以在一行内拖到现有行，也可以拖到动态创建的新行。应该动态删除空行。单元格被配置为占据一行中的所有空间。

如何编辑自定义 Knockout 可排序绑定（例如update事件）？

前：

后：

更新问题：

• 将单元格 ( .sortable-cell) 拖到新行 ( .sortable-table/ .sortable-row) 时，视图模型会更新，但 UI 不会更新
• 将单元格 ( ) 拖动到新行 ( / ).highlight-horizontal时不显示占位符 ( ).sortable-cell.sortable-table.sortable-row