Selected Value not visible in multi input with value help

[navyathasingh]

I have implemented a new column in a smart filter bar using multi input with value help ,But when click on value help , select the value and click on OK ,the value is not appearing in the multi input field .Instead it appears as mentioned in screenshot .I have attached the code for value help handling and the error .

controller code

handleValueHelpClose: function (evt) {

var aSelectedItems = evt.getParameter("selectedItems") || [],

oMultiInput = this.byId("zzcref");

var oFiltersModel = this.getView().getModel("filtersLocalJsonModel");

var aSelectedItemsData = [];

aSelectedItems.forEach(function (oItem) {

aSelectedItemsData.push(oItem.getTitle())

})

oFiltersModel.setProperty("/filterBar/currentlySelectedValues/ZZCREF", aSelectedItemsData || []);

},

     screenshot-2023-06-28-130554.png

onInit: function () {

this.getView().byId("valueHelpDialog").setModel(this.getOwnerComponent().getModel("FilterModel"));

this.getView().byId("idzzcref").setModel(this.getOwnerComponent().getModel("FilterModel"));