2014-10-29 40 views
1

我需要在网格单元格中添加工具提示,但是此工具提示必须允许用户在工具提示内选择文本。我正在使用QuickTip。如何在网格单元上使用QuickTip Sencha GXT 3.1.1?

ColumnConfig<ClientModel, String> clmName = new ColumnConfig<ClientModel, String> 
(dpGridModel.name(), 150, "Name"); 
clmName.setCell(new TextCell() { 
     @Override 
     public void render(Context context, String value, SafeHtmlBuilder sb) { 
      if (value != null) { 
       StringBuilder bAux = new StringBuilder(); 
       ClientModel c = lstModel.get(context.getIndex()); 
       bAux.append("<div style='width:100%;height:21px;' qtip='<table>"); 
       bAux.append("<tr><td><b>ID:</b></td><td>" + c.getId() + "</td></tr>"); 
       bAux.append("<tr><td><b>Name:</b></td><td>" + c.getName() + "</td></tr>"); 
       bAux.append("<tr><td><b>Adress:</b></td><td>" + c.getAddress()+ "</td></tr>"); 
       bAux.append("<tr><td><b>City:</b></td><td>" + c.getCity()+ "</td></tr>"); 
       bAux.append("<tr><td><b>Email:</b></td><td>" + c.getEmail() + "</td></tr>"); 
       bAux.append("<tr><td><b>Phone:</b></td><td>" + c.getPhone() + "</td></tr>"); 
       bAux.append("<tr><td><b>Zip Code:</b></td><td>" + c.getZipcode() + "</td></tr>"); 
       bAux.append("</table>'>" + value + "</div>"); 
       sb.appendHtmlConstant(bAux.toString()); 
      } 
     } 

    }); 

QuickTip t = new QuickTip(gridClient); 
t.setAllowTextSelection(true); 
t.setClosable(true); 

鼠标移动时,工具提示会隐藏。我需要什么Tooltip等待通过关闭点击隐藏,如ToolTip与ToolTipConfig。

我尝试过使用QuickTip和ToolTipConfig这样。

QuickTip cqt = new QuickTip(gridClient); 
cqt.setMaxWidth(650); 
cqt.setClosable(true); 
cqt.setQuickShowInterval(500); 
cqt.setAllowTextSelection(true); 
ToolTipConfig config = new ToolTipConfig(); 
config.setAutoHide(false); 
cqt.setToolTipConfig(config); 

它的工作原理QuickTip不躲,但出现空白工具提示QuickTip

感谢您的帮助以上:d

回答

2

,因为当你在QuickTip调用setToolTipConfig第二次尝试不起作用对象它将为QuickTip创建一个新的工具提示,这不是我们想要的。

在我们只需要自动隐藏设置为false,但没有方法在QuickTip类要做到这一点,这样的选择是使用这样的更新方法第一种情况:

QuickTip t = new QuickTip(gridClient); 
t.setAllowTextSelection(true); 
ToolTipConfig config = new ToolTipConfig(); 
config.setAutoHide(false); 
config.setCloseable(true); // need to set it here otherwise it will be overwritten 
t.update(config); 
+0

干得好,它就像一个魅力!但是有一个错字。它应该是“config.setCloseable()”,而不是“config.setClosable()” – Alex 2015-11-19 20:23:51

+0

Typo固定。谢谢! – 2015-11-23 13:12:32

相关问题