установить первое значение в vaadin-combo-box - PullRequest
Новая
       17

установить первое значение в vaadin-combo-box

1 голос
/ 24 мая 2019

У меня есть HTML-формы с vaadin-combo-box внутри, значение элемента взято из справочного запроса.Мне удается установить выбранное значение для сохранения в основных данных, но, к сожалению, я до сих пор не знаю, как установить первое значение при загрузке

Я просто попробую это, но не нашел ошибки либо нет отображения

html:

<form id="form">    
  <div>[[data.id]]<input size="1" name="id" value$='[[data.id]]'></div> 
  <div>
    <iron-ajax url="url" last-response="{{response}}" auto></iron-ajax>
    <vaadin-combo-box selected-item="{{No}}" placeholder="Please select" items=[[response]]" ></vaadin-combo-box>
  </div>                                                                
</form>

js: 

ready(){
  document.querySelectorAll('vaadin-combo-box').forEach(function(comboBox) {
  document.querySelectorAll('vaadin-combo-box').value = 
    $(this.$.form).serializeJSON().regNo ;
  });
}

1 Ответ

0 голосов
/ 24 мая 2019

Попробуйте что-то вроде этого. 

document.querySelectorAll('vaadin-combo-box').forEach(function(comboBox) {
    //write all the options in combo box as an array and assign it to comboBox.items
    comboBox.items = ["a","b","C"]; //This is an example array. 
    comboBox.value = $(this.$.form).serializeJSON().regNo;
});

Но если у вас есть только один "vaadin-combo-box" на вашей странице, тогда 

comboBox = document.querySelector('vaadin-combo-box')       
//set all the options in combo box as an array and assign it to comboBox.items
comboBox.items = ["a","b","C"]; //This is an example array. 
comboBox.value = $(this.$.form).serializeJSON().regNo;

Для получения более подробной информации, проверьтеhttps://vaadin.com/components/vaadin-combo-box/html-examples

...