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

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 
效果:




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值