koGrid에 포함 된 드롭 다운 목록이 작동하지 않습니다.

Question

koGrid의 각 행에 드롭 다운 목록을 채우려고합니다. 내, HTML입니다 여기에 http://jsfiddle.net/wood0615/sorg9na0/2/

 <table border="0" style="width: 100%;"> 
    <tr>   
     <td colspan="6"> 
      <div class="gridStyle" data-bind="koGrid: gridOptions">&nbsp;</div> 
     </td> 

    </tr> 
</table> 

내 viewmodel-

function mainVm(){ 
this.WQOptions = ko.observableArray([ 
       { decision: 'Approve', decisionValue: '10' }, 
       { decision: 'Pend', decisionValue: '5' } 
    ]); 

this.myData = ko.observableArray([ 
       { name: 'Jack Frost', age: '30' }, 
       { name: 'John Doe', age: '50' }]); 

this.gridOptions = { 
    data: this.myData, 
    autogenerateColumns: false, 
    columnDefs: [ 
     { 
      field: "name", 
      displayName: "Name" 
     }, 
     { 
      displayName: "Decision", 
      cellTemplate: "<select id='Select6' data-bind=\" options: $parent.entity.WQOptions, optionsValue: $data.decisionValue, optionsText: $data.decision \"></select>" 
     } 

    ] 
}; 
}; 

ko.applyBindings(new mainVm()); 

어떤 생각을 - 여기 jsFiddle은 (상자 드롭 다운에 텍스트가없는 방법주의) illistrate하는 것입니다 드롭 다운 상자가 데이터없이 비어있는 이유는 무엇입니까?

Answer 1

, 당신은 $userViewModel를 사용해야합니다 그리드를 구축하는 데 사용되는 뷰 모델에 액세스하려면 :

cellTemplate: "<select id=\"Select6\" \ 
         data-bind=\" options: $userViewModel.WQOptions, \ 
            optionsValue: 'decisionValue', \ 
            optionsText: 'decision' \"> \ 
       </select>"