knockout中foreach双重嵌套

在开发过程中，一个需求是后台传输table数据，分为header和data两部分，header代表表头，data是json对象，代表每个字段的具体值。table是个json数组。

问题是：header代表的表头列数不定，data代表的行数也不定，要实现向表格添加数据。

解决方案：

html代码：

<table><thead> <tr data-bind="foreach:Header">  <th data-bind="text:header"></th></tr></thead><tbody data-bind="foreach:{data:Order, as:'order'}"><tr data-bind="foreach:{data:order.items,as:'item'}"><td data-bind="text:item.it"></td></tr></tbody>
</table>

js代码：

var viewModel={Header:ko.observableArray([]),Order:ko.observableArray([])
};
ko.applyBindings(viewModel);
//Header正常push就好
$.each(Order, function(k,v){var value =v;var items=[];$.each(value, function(key, val){items.push({it:val});});viewModel.Order.push({item:items,//textColor等其他参数});
});

主要思想就是，讲item初始化为数组，然后再放入Order中，而不是一开始就在Order中。

knockout中foreach双重嵌套相关推荐

php foreach嵌套foreach,php中foreach怎么嵌套foreach PHP中foreach函数用法？
foreach的使用方法小编不是很明确,分享达人指教一下.foreach (array_expressforeach($array as $key) { if(xxxx) { break; //bre ...
Knockout中ko.utils中处理数组的方法集合
每一套框架基本上都会有一个工具类,如:Vue中的Vue.util.Knockout中的ko.utils.jQuery直接将一些工具类放到了$里面,如果你还需要更多的工具类可以试试lodash.本文只介 ...
smarty手册-smarty中foreach循环语句详解
原文地址:smarty手册-smarty中foreach循环语句详解作者:谭博 {foreach}循环也有自身属性的变量,可以通过{$smarty.foreach.name.property}访问,其 ...
将不确定变为确定~Razor视图中是否可以嵌套JS代码
这个问题有点意思,Razor的自动闭合性,导致JS代码不能直接与Razor代码混排,原来ASPX页面中,我们到处可见这种代码 <%if(Model!=null){foreach (var ite ...
php foreach是什么,php中foreach的用法是什么
php中foreach的用法是:[foreach ($array as $value) {要执行代码;}],每进行一次循环,当前数组元素的值就会被赋值给$value变量,在进行下一次循环时,将得到数组 ...
excel的if函数中android,excel中if函数嵌套式使用教程
exce表格数据统计函数的示例函数统计数据步骤1:每个函数均有三个参数:database.field 和 criteria.这些参数指向函数所使用的工作表区域. 函数统计数据步骤2:除了GETPIV ...
js数组中forEach/some/every/map/filter/reduce的区别
2019独角兽企业重金招聘Python工程师标准>>> // js数组中forEach/some/every/map/filter/reduce的区别// 1. foreach:就是 ...
原生php使用foreach,如何使用php中foreach()
如何使用php中foreach() 发布时间:2020-07-28 09:51:21 来源:亿速云阅读:91 作者:Leah 本篇文章给大家分享的是有关如何使用php中foreach(),小编觉得挺 ...
foreach php,详解PHP中foreach的用法和实例
本篇文章介绍了详解PHP中foreach的用法和实例,详细介绍了foreach的用法,感兴趣的小伙伴们可以参考一下. 在PHP中经常会用到foreach的使用,而要用到foreach,就必须用到数组. ...

knockout中foreach双重嵌套

knockout中foreach双重嵌套相关推荐

最新文章

热门文章