SAPui5 создать простой sap.m.ComboBox

Question

SAPui5 создать простой sap.m.ComboBox

1

У меня есть простая модель, которую я хочу привязать к sap.m.ComboBox. Данные выглядят так:

(2) ["Tabelle1", "Tabelle2"]
0: "Tabelle1"
1: "Tabelle2"

Что я делаю, так это:

... some unimportant stuff before...    
var sheets = new sap.ui.model.json.JSONModel(sheetNames);
var comboBox = that.getView().byId("selectSheet");
comboBox.setModel(sheets);
var oItemTemplate = new sap.ui.core.Item();
comboBox.bindItems("/sheets", oItemTemplate)

comboBox создается в моем представлении XML:

<m:ComboBox id="selectSheet" items="{path: '/sheets'}" change="onSheetSelected">
    <core:Item />
</m:ComboBox>

После установки модели или привязки элементов ничего не происходит. Я чувствую, что это простое кодирование, которое я делаю неправильно здесь. Пожалуйста, посоветуйте мне, как это сделать. ComboBox должен иметь два простых варианта: "Tabelle1" и "Tabelle2".

Обновление с предлагаемым решением

var sheetNames =  JSON.parse(JSON.stringify(wb.SheetNames));
var mappedNames = _.map(sheetNames, name => { return {Name: name}});
var sheets = new sap.ui.model.json.JSONModel(mappedNames);
var comboBox = that.getView().byId("selectSheet");
var oItemTemplate = new sap.ui.core.Item({
     text : '{Name}'
    });
comboBox.setModel(sheets);
comboBox.bindItems("/mappedNames", oItemTemplate)

Отображаемые имена теперь выглядят следующим образом:

(2) 0: {Name: "Tabelle1"} 1: {Name: "Tabelle2"} length: 2

sonja 24 окт. 2018, в 12:54

Источник

0

попробуйте добавить text и key атрибут на ваш предмет
Erch 24 окт. 2018, в 12:47
0

также просто забудьте о части js, установите вашу модель в представление, затем сделайте привязку в xml, это лучше для readabilty
Erch 24 окт. 2018, в 12:49
0

@ Верно, но у меня нет какой-либо "текстовой" или "ключевой" части в моей модели. Здесь нет объектов, есть только строки. Я пробовал способ с XML, но модель «листов» не устанавливается в InInit, поэтому мое представление, похоже, не получает данные ..
sonja 24 окт. 2018, в 12:52
0

текст и ключ не являются свойствами вашей модели, они являются свойствами элемента управления .... для вас это будет выглядеть так: <core: Item key = "{/ Name}" text = "{/ Name}" />
Erch 25 окт. 2018, в 05:47

Показать ещё 2 комментария

Теги:

javascript

xml

data-binding

combobox

sapui5

1 ответ

Ещё вопросы

попробуйте добавить text и key атрибут на ваш предмет
также просто забудьте о части js, установите вашу модель в представление, затем сделайте привязку в xml, это лучше для readabilty
@ Верно, но у меня нет какой-либо "текстовой" или "ключевой" части в моей модели. Здесь нет объектов, есть только строки. Я пробовал способ с XML, но модель «листов» не устанавливается в InInit, поэтому мое представление, похоже, не получает данные ..
текст и ключ не являются свойствами вашей модели, они являются свойствами элемента управления .... для вас это будет выглядеть так: <core: Item key = "{/ Name}" text = "{/ Name}" />

user8193036 · Accepted Answer · 2018-10-24T11-51-00.000Z

Вы должны предоставить шаблон, который указывает, какой элемент должен выглядеть в ComboBox

Создать привязку в Javascript:

Контроллер илит:

var sheetNames = {myList : [{ Name : "Tabelle1"}, {Name : "Tabelle2"}]};
var sheets = new sap.ui.model.json.JSONModel(sheetNames);
var comboBox = that.getView().byId("selectSheet");
var oItemTemplate = new sap.ui.core.Item({

    text : '{Name}' // here goes your binding for the property "Name" of your item
});

comboBox.setModel(sheets);
comboBox.bindItems("/myList", oItemTemplate);

Посмотреть:

Создать привязку в XML:

контроллер:

var sheetNames = {myList : [{ Name : "Tabelle1"}, {Name : "Tabelle2"}]};
var sheets = new sap.ui.model.json.JSONModel(sheetNames);
var comboBox = that.getView().byId("selectSheet");

comboBox.setModel(sheets);

Посмотреть:

<m:ComboBox id="selectSheet" items="{path: '/myList'}">
    <core:Item text="{Name}"/> </m:ComboBox>

в моем SheetNames нет "имени". Так как бы я получить доступ к этому
но вам нужны объекты в вашем списке. вы можете отобразить их перед выполнением привязки: var list = ["Tabelle1", "Tabelle2"]; var mappedList = list.map (function (tableName) {return {Name: tableName};});
Хорошо, я вижу! Я добавил обновление в свой вопрос, чтобы показать, как я пытался реализовать ваше решение, но оно по-прежнему не связывает никакие данные ... кажется странным: O
Данные, которые вы устанавливаете в модели, представляют собой список. Но вы должны установить объект. Как в примере выше. Есть объект со свойством «myList», который содержит список в качестве значения. Абсолютный путь в точках привязки к этому списку -> comboBox.bindItems ("/ myList", oItemTemplate)
В вашем случае это будет: var mappedNames = _.map (sheetNames, name => {return {Name: name}}); var data = {"mappedNames": mappedNames}; var листы = новый sap.ui.model.json.JSONModel (data);