koGrid中嵌入的下拉列表不起作用

Drop down list embedded in koGrid not working

本文关键字：下拉列表 不起作用 koGrid      更新时间：2023-09-26

我正试图在koGrid的每一行上获得一个下拉列表。这是jsFiddle到illistrate（注意下拉框中没有文本）-http://jsfiddle.net/wood0615/sorg9na0/2/

这是我的html-

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

我的视图模型-

 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());

你知道为什么下拉框是空的而没有数据吗？

要访问用于构建网格的视图模型，应该使用$userViewModel:

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