关闭

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

标签: ExtJS列tool-tipstool-tips
1006人阅读 评论(1) 收藏 举报
分类:

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
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14824次
    • 积分:272
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:1篇
    • 译文:0篇
    • 评论:3条
    最新评论