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

Question

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

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

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

Thx, Q.

Answer 1

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

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(""); 
}-*/; 

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