Question

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

<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（）}

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

提前致谢。

Answer 1

您是否尝试使用$ index而不是$ index（）？

另请查看this post

Answer 2

如下所述，在Knockout中引入了

$ index KnockoutJS documentation

引用错误 - $ index未定义 - knockout.js

2 个答案: