gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 11:39:37 25 4
gpt4 key购买 nike

我正在尝试获取一个下拉列表来填充 koGrid 的每一行。这是要显示的 jsFiddle(注意下拉框中没有文本)- 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>

我的 View 模型-

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

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

最佳答案

要访问用于构建网格的 View 模型,您应该使用 $userViewModel :

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

关于javascript - koGrid 中嵌入的下拉列表不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26340228/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com