1

我在 viewModel 中定义了一个数组结构,我将它绑定到视图。视图的代码是:

<div id="configurepopup">
        <div>
            <fieldset>
                <legend></legend>
                <div>
                    <label>
                        <b>Show Columns</b></label></div>
                <br />
                <ul data-bind="foreach: gridOptions.columns">
                    <li>
                        <label data-bind="attr:{ 'for': 'chk' + $index()}">
                        </label>
                        <input type="checkbox" data-bind="attr:{'id':'chk' + $index(), checked: checked}" /><span data-bind="text:header"></span></li>
                </ul>
            </fieldset>
        </div>
    </div>

视图模型:

function ProductStandardSearchVM() {
    var self = this;
    self.gridOptions = {
        columns: [{
            header: 'Catalog Number',
            dataMember: 'productName',
            checked: ko.observable(true)
        }, {
            header: 'Description',
            dataMember: 'shortDesc',
            checked: ko.observable(true)
        }, {
            header: 'List Price',
            dataMember: 'listprice',
            checked: ko.observable(true)
        }, {
            header: 'Quantity',
            dataMember: 'minOrdQty',
            checked: ko.observable(true)
        },
        {
            header: 'Old Material No',
            dataMember: 'oldMatNum',
            checked: ko.observable(true)
        }, {
            header: 'View',
            dataMember: 'view',
            checked: ko.observable(true)
        }]
    };
};
var test= new ProductStandardSearchVM();
ko.applyBindings(test, document.getElementById("configurepopup"));

相同的jsfiddle:http: //jsfiddle.net/ynV35/3/

jsfiddle 工作得很好。我也在我的项目中做同样的事情,我得到一个参考错误:

未捕获的错误:无法解析绑定。消息:ReferenceError:$index 未定义;绑定值:attr:{'id':'chk' + $index()}

我尝试用最新版本更改淘汰赛,但无法解决。任何帮助,将不胜感激。

提前致谢。

4

2 回答 2

1

您是否尝试使用 $index 而不是 $index()?

也请看这个帖子

于 2013-07-25T05:37:59.750 回答
0

如KnockoutJS 文档中所述,在 Knockout 中引入了 $index

于 2014-04-23T11:57:03.773 回答