首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-22 
Ext表格(Grid)上面的悬浮提示方法一使用render//鼠标放在Grid上面显示提示信息的实现方法function formatQ

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  不好意思  上传的时候忘记把密码去掉了

热点排行