Extjs快速显示空框

时间:2012-11-13 18:53:35

标签: gwt extjs tooltip gxt

我正在尝试在GXT网格单元上实现工具提示(QuickTip)功能。它似乎在大多数情况下都可以工作,但有时我在鼠标悬停在列标题上时会得到一个空的工具提示框。我发现一些文章说明工具提示只适用于数据而不适用于标题,但事实并非如此。我默认将toolTip / text设为null,但仍然在header-mouse over上看到空框。我做错了什么? 这是我的代码:

ColumnConfig columnTitle = new ColumnConfig();
    columnTitle.setId("subject");
    columnTitle.setHeader("<B>Title</B>")
    columnTitle.setRenderer(new GridCellRenderer<ModelData>()
    {
        @Override
        public Object render(ModelData model, String property, ColumnData config, int rowIndex, int colIndex,
                ListStore<ModelData> store, Grid<ModelData> grid)
        {
            SystemUserMessage msg = ((BeanModel)model).getBean();
            String text = null;
            text = msg.getSubject();

            String content = model.get("content").toString();
            String toolTip = null;
            toolTip = " qtip='" + content + "'";
            String style = null;
            if(msg.getPriority().equals("High"))
            {
                style = " style='color: red;'";
            }
            String html = "<span" + toolTip + style + ">" + text + "</span>";
            return html;
        }
    });

新的QuickTip(messageCenterGrid); //注册工具提示

1 个答案:

答案 0 :(得分:1)

尝试将qtip=替换为data-qtip=。您还可以添加data-qtitle=

每个Juan的

修改有用的链接:http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tip.QuickTipManager