GXT 2.3: Combobox: всплывающая подсказка

Question

Я использую GWT 2.3.0 и Sencha EXT 2.3.1. Я не могу обновить из-за требований программного обеспечения.

У меня есть поле со списком, в форме, с некоторыми значениями. Некоторые из этих значений не могут быть полностью отображаемыми, поскольку ширина поля со списком слишком мала. Но мне не разрешено увеличивать это поле.

Есть ли решение добавить всплывающую подсказку или показать все значение при наведении курсора на значение в списке? Или сделать отображаемый список больше, чем поле отображения?

Спасибо, Q.

Answer 1

На самом деле все довольно просто. Sencha Gxt 2.3 Примеры уже предоставили хороший пример того, как добавить всплывающую подсказку в комбинированный список. Но я опубликую это снова для вас здесь, так что здесь идет:

public void onModuleLoad() {
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    ListStore<State> states = new ListStore<State>();
    states.add(getStates());

    ComboBox<State> combo = new ComboBox<State>();
    combo.setEmptyText("Select a state...");
    combo.setDisplayField("name");
    combo.setTemplate(getTemplate());
    combo.setWidth(150);
    combo.setStore(states);
    combo.setTypeAhead(true);
    combo.setTriggerAction(TriggerAction.ALL);
    vp.add(combo);  

    RootPanel.get().add(vp);
}
private native String getTemplate() /*-{
    return [
            '<tpl for=".">',
            '<div class="x-combo-list-item" qtip="{slogan}" qtitle="State Slogan">{name}</div>',
            '</tpl>' ].join("");
}-*/;

Ключ в том, чтобы использовать шаблон для визуализации значения в выпадающем списке с добавлением qtip к каждому из значений div. Вы можете прочитать больше об этом здесь. Если вы хотите увидеть результат, он будет выглядеть как в приведенных здесь примерах sencha gxt 2, просто взгляните на второй комбинированный список, он будет показывать всплывающую подсказку каждый раз, когда вы наводите элемент комбинированного списка. Вот и все, надеюсь, это поможет вам. С уважением.