oracle JET Combobox(dropdown) 值在填充空数组时不会消失

Question

Screenshots of dropdowns我正在使用 Oracle JET 组合框，并在某些事件发生变化时为其动态分配值。 当一个空数组分配给下拉列表时，它仍然显示旧的选定值（如图 4 所示）。

下面是我写的代码： HTML：

<oj-select-one id="id1"  options="[[newDropDown1]]" 
options-keys.label="name" options-keys.value="value" 
on-value-changed="[[myOnChange]]"  value="">   </oj-select-one>

<oj-select-one id="id2" options="[[newDropDown]]"  
options-keys.label="name" options-keys.value="value"      
value=""  placeholder="select .."></oj-select-one>

JS：

self.newDropDown1 =ko.observableArray([{name:'Chrome',value:1},
                                    {name:'Opera' ,value:0},
                                    {name:'Firefox' ,value:2}]);

self.newDropDown =ko.observableArray([{name:'Yes',value:1},
                                    {name:'No' ,value:0}]);

self.myOnChange = function() {
              self.newDropDown([]);
            }

Answer 1

将其值绑定到像self.newDropDownValue 这样的可观察对象。

在更改事件处理程序时将其设置为空 self.newDropDownValue("")。

如果您不想使用单独的变量，则可以使用组件的reset() 方法。

document.getElementById('id2').reset();

上述方法将清除用户输入的值。见以下链接

http://www.oracle.com/webfolder/technetwork/jet/jsdocs/oj.ojComboboxOne.html#reset

Answer 2

我自己也有类似的问题。我找到了一种解决方法，但没有调查它为什么有效，但是确实有效。

1. 将<oj-select-one> 元素的value 属性绑定到observableArray。即使它不是 <oj-select-many> 元素，仍然使用数组。
2. 重置时，将值设置为空数组，如下所示：self.value([])。
3. 确保您的<oj-select-one> 元素具有placeholder 属性，否则，这将不起作用。

我很确定这种行为不是故意的，但它对我有用。