问题描述
我有两张桌子。在一个表(父表)中,我可以选择添加和删除该列中的行是下拉列。根据选择,我需要用数据加载另一个表(子表)。我能够在父表上进行操作。但是在子表上,我无法将数据推送到表中,尽管我可以看到我能够将数据传递到子表。但表中没有填充数据。
这是我的儿童桌
<div id="childDiv">
<table data-bind='visible: chldItem().length > 0'>
<thead>
<tr>
<th>Header1</th>
<th>Header2</th>
<th />
</tr>
</thead>
<tbody data-bind='foreach: chldItem'>
<tr>
<td><input class='required' data-bind='value: text,uniqueName: true' /></td>
<td><input class='required number' data-bind='value: defaultValue,uniqueName: true' /></td>
</tr>
</tbody>
</table>
</div>
这是子表的视图模型。
var ChildModel = function(chldItem) {
var self = this;
self.chldItem = ko.observableArray([]);
if(chldItem.length > 0){
self.chldItem.push(chldItem);
}
};
ko.applyBindings(new ChildModel([]),document.getElementById('childDiv'));
// 从父下拉列表更改
self.childConfig.push(1,new ChildModel(clearVM);
这是当前版本代码的小提琴。 http://jsfiddle.net/oneplusbot/xa90cymz/5/
当我选择第一个下拉列表时,我期待它会有 4 行,第二个它会显示 2 行
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)