读书人

Ext表格(Grid)下面的悬浮提示

发布时间: 2012-11-22 00:16:41 作者: rapoo

Ext表格(Grid)上面的悬浮提示

方法一

使用render

//鼠标放在Grid上面显示提示信息的实现方法function formatQtip(data,metadata){     var title ="";    var tip =data;     metadata.attr = 'ext:qtitle="' + title + '"' + ' ext:qtip="' + tip + '"';      return data;  }//修要配置在 Ext.grid.ColumnModel 创建每行记录的 renderer 属性上面

?

?

方法二

引入依赖的JavaScript文件(grid-extend-QuickTips.js),应注意引用的位置

<script type="text/javascript" src="<%=request.getContextPath() %>/js/ext/adapter/ext/ext-base.js"></script><script type="text/javascript" src="<%=request.getContextPath() %>/js/ext/ext-all.js"></script>//要在ext-all.js之后引入<script type="text/javascript" src="<%=request.getContextPath() %>/js/common/grid-extend-QuickTips.js"></script><script type="text/javascript" src="<%=request.getContextPath() %>/js/ext/ext-lang-zh_CN.js"></script>

?

方法三

使用 Ext Grid 的插件,需要引入所依赖的Javascript文件

<script type="text/javascript" src="<%=request.getContextPath()%>/js/ext/ToolTipTarget.js"></script><script type="text/javascript" src="<%=request.getContextPath()%>/js/ext/CellToolTips.js"></script>

?

之后进行配置要悬浮的列

var gridCellTips = new Ext.ux.plugins.grid.CellToolTips([{  field: 'remark',  tpl:'{remark}' }]);

?最后以插件的方式集成到 Grid 中

plugins : [gridCellTips] 

?

悬浮需要注意的 Ext.QuickTips.init(); 必须要有?

?

1 楼 junyan2579 2011-08-23 帅哥 解压密码给下好吗 2 楼 laodaobazi 2011-08-24 junyan2579 写道帅哥 解压密码给下好吗
O(∩_∩)O~ 密码 jlee 不好意思 上传的时候忘记把密码去掉了

读书人网 >Web前端

热点推荐