JS中绑定options数据失败

Question

我想使用 html+js 显示一个 select-only-one 组合框。

我要展示的是这样的：

但现在我只得到一个空白的下拉列表，如下所示：

HTML代码：

<div style="width:200px;height:100%;float:left;padding-left: 0px">
    <oj-combobox-one id="en" aria-label="en Select" options="{{ens}}" value="{{selectedEn}}"render-mode="native" style="max-width:20em" >   
  </oj-combobox-one>
</div>

JS代码：

self.ens = ko.observableArray([]);
self.selectedEn = ko.observable("a"); //Default to show
var en = ["a","b","c"];
self.ens(en);

能否请您帮忙看看问题出在哪里？提前致谢。

Answer 1

查看文档的 this page。每个选项都需要实际的 value（由 JS 文件使用）以及 label（用户将在屏幕上看到的内容）。

因此您需要将变量 en 更改为：

var en = [{value: 'a', label: 'a'},
          {value: 'b', label: 'b'},
          {value: 'c', label: 'c'}];

JS中绑定options数据失败

Fail to bind the options data in JS

html

javascript

oracle-jet