1

如果我解释这种分裂会更好。第一个：我必须添加和删除一行控件（它正在工作）第二个：根据控件中的选定选项，我必须显示不同的选项或控件。（它也适用于模板）。

问题是让他们两个一起工作。每次我添加一行，然后选择一个选项，然后显示选项/控件/文本，然后也可以删除该行。

提前致谢。

HTML:

<table data-bind="foreach: fLines">
    <tr>
        <td>
            <select data-bind="options: formatValues, value: type"></select>
        </td>
        <td data-bind="template: type"></td>
        <td>
            <a href="#" data-bind='click: $parent.removefLine'>Remove</a>
        </td> 
    </tr>
</table>
<button style="background-color: transparent; border: none;" data-bind="click: addfLine()">Add Format</button>

<script id="A" type="text/html">
    <input data-bind="value: value1" /> 
</script>

<script id="B" type="text/html">
    <span>removes leading and trailing spaces</span>
</script>

<script id="C" type="text/html">
</script>

KO:

var formatValues = ["A", "B", "C"];

var Item = function(format) {
    var self = this;
    self.type = ko.observable(format);
    self.value1 = ko.observable();
};

var Formatters = {
    fLines: [ new Item("C") ],
    addfLine: function(){fLines.push(new Item("C"))}
};


ko.applyBindings(Formatters);
4

1 回答 1

0

你快到了。'formatValues' 需要成为视图模型的一部分才能参与数据绑定。

<select data-bind="options: $root.formatValues, value: type"></select>

带有添加/删除功能的 JSFiddle

于 2013-06-19T21:58:43.850 回答