javascript - Vaadin 组合框 : Load items on input

Question

我打算使用 Vaadin 组合框 https://cdn.vaadin.com/vaadin-core-elements/master/vaadin-combo-box/

我打算将其用于其内容将在用户输入时加载的数据。因此，items 在页面加载后将为空。

Q1:如何在 250 毫秒无输入后设置 items？我想我必须听https://cdn.vaadin.com/vaadin-core-elements/master/vaadin-combo-box/#vaadin-combo-box:event-value-changed如果最后一次按键时间 > 250 毫秒，则从那里触发。

Q2:有没有一种方法可以使用自定义背景来设置列表项的样式，例如。取决于 items 对象集中的属性？

Answer 1

如果我理解正确，您希望根据用户输入分配项目。由于组合框上的 value-changed 事件仅在选择后触发，因此它对您不起作用。相反，您需要监听输入上的value-changed:combobox.$.input。在事件监听器上，使用 debounce 添加您想要的 250 毫秒延迟。

对于样式问题:不幸的是，目前还无法完成。但好消息是对定制的支持已在路线图中:https://github.com/vaadin/vaadin-combo-box/issues/165