ExtJS中给表格中某列的行值添加tool-tips

原创 2013年12月06日 10:52:35

1.ExtJS中给grid添加一个悬停提示,鼠标放到grid给予提示

// 定义列模型
	var cm = new Ext.grid.ColumnModel([
			rownum,
			{
				header : '操作',
				dataIndex : 'id',
				hidden : false,
				renderer : function(value, cellmeta, record) {
					cellmeta.attr = 'ext:qtitle="" ext:qtip="标记已读"';
					if (record.data['status'] == '已读') {
						return "<a href='javascript:void(0);'><img src='"
								+ webContext
								+ "/resource/image/ext/edit2.png'/></a>";
					}

					return "<a href='javascript:void(0);'><img src='"
							+ webContext
							+ "/resource/image/ext/edit1.png'/></a>";
				},
				width : 20
			}, {
				header : '信息',
				dataIndex : 'content',
				width : 253
			}, {
				header : '办理日期',
				dataIndex : 'operatedate',
				align : 'center',
				width : 40,
				sortable : false
			} ]);
或者是:

render:function(data,metadata){
					    metadata.attr = 'ext:qtitle="" ext:qtip="鼠标悬停提示信息"';

					}

2.在ExtJS中给表格中某列的行值添加tool-tips

	                        {
	                            xtype: 'gridcolumn',
	                            renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
	                                metaData.tdAttr = "data-qtip='Message: " + value + "'";
	                                return value;
	                            },
	                            dataIndex: 'status',
	                            text: 'Status'
	                        },
给Status列添加tool-tips,复写renderer函数 
version: ext-4.1.1-gpl 
效果:




Android tips tool 发现的性能问题

1.ObsoleteLayoutParam不起作用的标签 Invalid layout param in a LinearLayout: layout_centerVertical Iss...

Android tips tool 发现的性能问题

1.ObsoleteLayoutParam不起作用的标签 Invalid layout param in a LinearLayout: layout_centerVertical Iss...
  • wcjwdq
  • wcjwdq
  • 2013年05月12日 18:41
  • 1189

获取ExtjS表格的值

sm:new Ext.grid.CellSelectionModel();     则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格,而不是默认的选择某一行。选择方式如下 Java代...
  • hwq1987
  • hwq1987
  • 2011年04月09日 15:42
  • 5661

extjs6 表格行选中时去掉默认背景颜色

extjs表格 默认选中的时候行背景色会是蓝色,或者其他可以通过sass修改,但是如果你不想要全部的表格都是统一修改成其他颜色,而只要个别表格样式修改,那个就得针对那个表格做配置,我的做法可能比较曲折...

Extjs 表格拖动滚动 Gridpanel拖动行自动滚动效果

最近工作上遇到一个需求,就是通过对表格行拖动来对表格里面的数据进行排序。在开发过程中遇到一个问题,就是表格行可以拖动。但是当拖动行到表格底部时,内容块无法自动滚动。 于是查看了gridpanel的a...
  • phiberg
  • phiberg
  • 2012年04月24日 10:49
  • 4747

FineUI大版本升级,外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架

FineUI v3.3.0 更新的内容非常多,所以一下子从 v3.2.6 连跳 3 个小版本,直接来到了 v3.3.0。详细的更新记录请参考这里:http://fineui.com/version ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExtJS中给表格中某列的行值添加tool-tips
举报原因:
原因补充:

(最多只允许输入30个字)