使用Knockout JS和Jquery Template的递归tr
我疯了,试图为我的问题找到解决方案。 我有一个JS对象,它具有层次结构,层次结构的级别是未知的。 利用JQuery模板和Knockout JS,我可以使用
- &
获取树结构,但我的要求是,对于每个孩子,我需要在Table
呈现一个新的Row
所以假设我的结构是:
{ Name: 'First', Total: 100, Set: [ { Name: 'First_1', Total: 30, Set: [{Name: 'First_1_1', Total: 10}, {Name: 'First_1_2', Total: 20}] }, { Name: 'First_2', Total: 0 } ] }
该表应如下所示:
Name Total First 100 First_1 30 First_1_1 10 First_1_2 20 First_2 0
以下是我提出的小提琴: http : //jsfiddle.net/paragnair/xpsa4/
如果我使用ul
li
,我可以通过使用递归调用模板
但由于我的模板本身以
data-bind="template:{...}
部分的节点的情况下调用模板?初始调用将起作用,因为它在
但是我不能在tbody
中有一个tbody
以递归方式调用模板来渲染其他tr
。
我希望这个解释已经足够了。 如果您需要更多详细信息,请告诉我们。 任何帮助表示赞赏。
你可以从该模板中递归调用一个模板,结合foreach的$ data context属性可以让你做你正在寻找的东西……我很难解释一些事情所以我更新了你的jsfiddle来做你做的事情’寻找, http://jsfiddle.net/xpsa4/5/