Question

我使用的是GWT 2.3.0和Sencha EXT 2.3.1。由于软件要求，我无法升级。

我有一个带有一些值的形式的组合框。这些值中的一些不能完全是显示器，因为组合框的宽度太短。但是我不允许扩大这个领域。

是否有解决方案来添加工具提示，或者在将值悬停在列表中时显示整个值？或者使显示的列表大于显示字段？

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

关键是使用模板渲染组合框值，并在每个值div中添加qtip。您可以在here中详细了解相关信息如果你想看到结果，它会在here中的sencha gxt 2示例中看到，只需看看第二个组合框，它会在你每次悬停组合框项目时显示工具提示。这就是它，希望它会对你有所帮助。谢谢＆amp;问候。

GXT 2.3：Combobox：悬停时的工具提示

1 个答案: