knockout.js - 如何使用 rowTemplate 属性？

Question

我想根据 Kogrid 中的列值更改行的字体颜色？请指导我如何设置它？我试过以下:

<div id="grid" style="height: 700px; width: 650px;"
    data-bind="koGrid: {
                data: gridItems, afterSelectionChange: function (rowItem, event) {

                    if (event.type == 'click' && isDoubleClick(self.clickTime, event.timeStamp)) {
                        location.href = '/Home/Index?AcctID=' + selObj()[0].AcctID.toString();
                    }

                }, columnDefs: [{ field: 'AcctID', displayName: '  ',width: 120, cellTemplate: $('#editCellTemplate').html()
                                },
                                { field: 'AcctID', displayName: '  ',width: 120, cellTemplate: $('#openCellTemplate').html()
                                },
                { field: 'FName', displayName: 'First Name', width: '150' },
                { field: 'LName', displayName: 'Last Name', width: '100' },
                { field: 'AcctID', displayName: 'AcctID', width: '100' },
                { field: 'SSN', displayName: 'SSN', width: '100' },
                { field: 'AffinityName', displayName: 'Affinity Name', width: '205' }],
                    autogenerateColumns: false,
                    isMultiSelect: false,
                    showFilter: true,
                    showColumnMenu: true,
                    enablePaging: false,
                    showGroupPanel: true,
                    displaySelectionCheckbox: false,
                    enableColumnResize: false,
                    multiSelect: false,
                    selectedItems: selObj,
                    canSelectRows: true ,
                    rowTemplate:$('#searchRowTemplate').html()
                 }">
</div>

<script type="text/html" id="searchRowTemplate">
     <div data-bind="foreach: $grid.visibleColumns, 
                   css: { red: getProperty(\'SSN\') == '123456789' }"> 
             <div data-bind="attr: { \'class\': cellClass() 
                   \' kgCell col\' + $index() }, kgCell: $data"></div>
              </div>

   </script>

它给出:- 未捕获的语法错误:无法解析绑定(bind)。绑定(bind)值:foreach: $grid.visibleColumns, css: { red: getProperty(\'SSN\') == '123456789' }消息:意外的 token 非法

不知道如何为我的列 ssn = 123456789 和 fname = john 的完整行 获取红色字体颜色。

请提出解决方案。

Answer 1

您需要在该字段定义中使用 cellTemplate

http://jsfiddle.net/A29GA/4/

{
    field: "age", 
    displayName: "Age",
    cellTemplate: "content"
}

单元格模板只接受字符串文字而不是 templateId，像我在上面的示例中那样在 viewmodel 中定义 View 并不好。而是创建一个自定义单元格模板，将一个成员添加到名为 templateId 的定义中。喜欢

http://jsfiddle.net/A29GA/6/

我在这个例子上花了很多时间，所以如果你不接受作为答案，我会勒死你! :D

更新:

http://jsfiddle.net/A29GA/10/