Knockout.js KoGrid自定义单元格模板

Knockout.js KoGrid自定义单元格模板,knockout.js,kogrid,Knockout.js,Kogrid,我需要如下自定义KoGrid单元格模板: 对于此型号: var model = [ { Color: { Hex: "#5EB95E", Name: "green" }, AvailablePatterns: { SelectedId:"", Patterns:[{Title:"test1", Id:1},{Title:"test3", Id:2}]}}, { Color: { Hex: "#FAA732", Name:"orang

我需要如下自定义KoGrid单元格模板:

对于此型号:

          var model = [
    { Color: { Hex: "#5EB95E", Name: "green" }, 
    AvailablePatterns: { SelectedId:"", 
       Patterns:[{Title:"test1", Id:1},{Title:"test3", Id:2}]}},
    { Color: { Hex: "#FAA732", Name:"orange" }, 
    AvailablePatterns: { SelectedId:"", 
       Patterns:[{Title:"test2", Id:3},{Title:"test4", Id:4}]}}];
如何在手机中使用字段颜色和可用模式?我尝试使用$parent.getProperty方法获取此字段,但它对我无效

     columnDefs: [
             {
            field: 'Color', 
            displayName: 'Color', 
            cellTemplate: '<span class="status" data-bind="style: { backgroundColor : $parent.getProperty("Color.Hex") }"></span>' +
                '<span data-bind="text: $parent.getProperty("Color.Name")"></span>'
        },
          {
              field: 'AvailablePatterns', 
              displayName: 'Pattern', cellTemplate: "<select class=\"pattern\" \
                   data-bind=\" options: $parent.getProperty('AvailablePatterns.Patterns'), \
                   optionsValue: '$parent.getProperty('Id')', \
                   optionsText: '$parent.getProperty('Title')',\
                   value: '$parent.getProperty('AvailablePatterns.SelectedId')' \"> \
                     </select>"
          }
      ]
columnDefs:[
{
字段:“颜色”,
displayName:'颜色',
单元格模板:“”+
''
},
{
字段:“AvailablePatterns”,
displayName:“模式”,单元格模板:\
"
}
]

如果您有以下错误,请随时询问我进一步的解释:

  • 单元格模板必须仅为一个html元素
cellTemplate:'
  • 对于访问属性,我更容易使用
    $parent.entity
    而不是
    $parent.getProperty
    (实际上我以前从未见过这种方法)
  • optionValue和optionText必须是属性名称的纯字符串
cellTemplate:'\
'
请看你的