Split the data binding of KnockoutJS into table C#
这是我之前关于获取显示为JSON的值并将其解析为表行和列的主题,但是,由于@GoTo,我可以解决我的问题,因为我必须将KnockOut JS的结构拆分为js文件,因此为我创建另一个问题
我已将它们分成3个文件,2个js文件和1个包含表格的cshtml文件
第一个js是:
biz.js
var mapDictionaryToArray =
function (dictionary) {
var result = [];
for (var key in dictionary) {
if (dictionary.hasOwnProperty(key)) {
result.push({
key: key,
value: dictionary[key]
});
}
}
return result;
};
第二个js是:
config.js
function ConfigViewModel() {
self.testParams = mapDictionaryToArray;
self.contents = ko.observable({
"reference": "2Z94",
"car_id": "9861"
});
}
$(document).ready(function () {
ko.applyBindings(new ConfigViewModel());
});
cshtml文件:
HTML cshtml:
<table class="table table-hover">
table test:
<tbody data-bind="foreach: testParams(contents())">
<tr class="data-hover">
<td>
<span id="textKey" data-bind="text: key"></span>
</td>
<td>
<span id="textValue" data-bind="text: value"></span>
</td>
</tr>
</tbody>
</table>
我前一个主题中的小提琴手的结果效果很好(FiddlerKnockout),但是它对于新结构的拆分并不起作用