javascript - 在组合框 sapui5 中提供空白选项

Question

我正在尝试从 json 填充 SAPUI5 中的下拉框

      new sap.ui.commons.DropdownBox(this.createId('inpExpenseType'), {
                                selectedKey: '{ExpenseType/Id}',
                                editable: '{/CanEditPayment}',
                                required: "{/CanEditPayment}",
                                displaySecondaryValues: true,
                                items: {
                                    path: 'parameters>/Benefits',
                                    template: new sap.ui.core.ListItem(this.createId('liExpenseType'), {
                                        key: '{parameters>Id}',
                                        text: '{parameters>Name}',
                                        additionalText: '{parameters>Code}'
                                    })
                                },
                                layoutData: new sap.ui.layout.GridData({span: 'L6 M6 S6'})
                            }).attachChange(oms.app.ModelUtils.handleListItemChange)

现在基于例如的条件。 if(status==='Approved')，我希望在下拉框中仅显示一个选项。我使用下面的过滤器来完成此操作。

    if(state==='Approved'){
//this is the option I wish to display in the dropdownbox.
        aFilters.push(new sap.ui.model.Filter("Id", sap.ui.model.FilterOperator.EQ, "33"));
    }
    odropdownbox.bindItems('parameters>/Benefits', oTemplate, null, aFilters); 

现在我的问题是这个单一选项在下拉框中被默认，因此 onChange 事件不会被触发。

我尝试默认一个空白项目，如下所示

   if(State==='Approved'){
        var oItem = new sap.ui.core.ListItem({
            key: 'dummy',
            text: '',
            additionalText: ''
        });
        odropdownbox.insertItem(oItem,0); 
        odropdownbox.setSelectedKey('dummy');
    }

但这没有任何区别，我看到单个选项填充为默认值。

我该如何解决这个问题？有没有一些干净的方法来操作 json 列表？

Answer 1

无需添加新项目。

绑定(bind)项目后使用fireChange，这样就不会出现任何问题。

odropdownbox.bindItems('parameters>/Benefits', oTemplate, null, aFilters);
odropdownbox.fireChange();