Javascript Knockout.js动态可组合表

Javascript Knockout.js动态可组合表,javascript,html,knockout.js,Javascript,Html,Knockout.js,我试图用击倒js制作一个“动态表”,但我有点困难。我想要一个“公共行模板”,其中包含变量列的嵌套模板。大概是这样的: <script type="text/x-jquery-tmpl" id="CommonRow"> <td><input type="text" data-bind="value: Nome" /></td> <td data-bind="template: { name: $item.LabelOne + 'Row' }"&

我试图用击倒js制作一个“动态表”,但我有点困难。我想要一个“公共行模板”,其中包含变量列的嵌套模板。大概是这样的:

<script type="text/x-jquery-tmpl" id="CommonRow">
<td><input type="text" data-bind="value: Nome" /></td>
<td data-bind="template: { name: $item.LabelOne + 'Row' }"></td>
<td><button class="fancybox edit" data-bind="click: Edit">Modifica</button></td>
<td><button class="remove" data-bind="click: Remove">Rimuovi</button></td>
</script>
<script type="text/x-jquery-tmpl" id="ScalaRow">
<td><input type="text" data-bind="value: PianiFuoriTerra" /></td>
<td><input type="text" data-bind="value: Foo" /></td>
</script>

修改
里莫维
因此,第二个
将呈现一个模板,如下所示:

<script type="text/x-jquery-tmpl" id="CommonRow">
<td><input type="text" data-bind="value: Nome" /></td>
<td data-bind="template: { name: $item.LabelOne + 'Row' }"></td>
<td><button class="fancybox edit" data-bind="click: Edit">Modifica</button></td>
<td><button class="remove" data-bind="click: Remove">Rimuovi</button></td>
</script>
<script type="text/x-jquery-tmpl" id="ScalaRow">
<td><input type="text" data-bind="value: PianiFuoriTerra" /></td>
<td><input type="text" data-bind="value: Foo" /></td>
</script>

这“起作用”,但它有一个大问题:所需的
与模板绑定嵌套在外部
,导致与标题不正确对齐(标题的结构也是相同的)

我尝试使用{{tmpl}}语法来避免包装
,这使我得到了正确的html,但是所有的数据绑定和可观察的在动态部分不再工作


有没有一种方法可以呈现一个
块,保留敲除可观察的功能并避免任何包装标签?谢谢。

您最好的选择是看看如何使用。下面是一个做你想做的事情的示例:


打字模板
B型模板

我要用“救生圈”的标题刻下你的灵魂,但首先让我做一点实验:)我正在努力让它工作,但1.3说“我的jquery.tmpl版本很旧”,并要求我升级到“1.0.0pre或更高版本”,但我只能在jquery.tmpl网站上看到它从未通过测试版,现在已经死了。我应该在淘汰版1.3中使用什么?这里的最新版本将起作用:或者从以下位置获取它:。否则,您可以考虑仅在1.3使用本机模板引擎。如果您看一下我的小提琴,它根本没有引用jquerytmpl。您不能使用jQueryTMPL特定的语法({{each}},等等),但现在可以使用控制流绑定实现类似的功能(if、with、foreach)。如果您需要进一步的帮助,请告诉我。我在哪里可以找到有关更改的参考资料?现在我转到本机模板,我得到了一个“$item未定义”,在这里我使用$item访问templateOptions属性。文档尚未更新,但最好的位置是:。当前不支持templateItem。根据您的情况,您可能会考虑改用$parent或$root。