`
lzefforts
  • 浏览: 27540 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

treegrid中添加信息提示

阅读更多
项目中需要在treegrid中显示的内容上,鼠标移到这个内容处,用一个提示信息的方式显示,如图所示,实现此功能,只需要在jquery.easyui.min.js文件中在方法
function _546(row,_547,_548,_549)中添加一句
_54a.push("title=\""+row[_54b]+"\"");/*add title tips*/

以下代码是此treegrid。
row中存放的是返回到前台的所有信息,,_54的值是columns中的field。
$('#taskInfo').treegrid({
		title:'任务列表',
		width:allWidth,
		height:450,
		nowrap: true,
		rownumbers: true,
		animate:false,
		fitColumns:true,
		collapsible:true,
		loadMsg:'正在加载数据,请稍后...',
		url:encodeURI('../getTaskInfo.htm?chargeHumanName='+chargeHumanName+'&taskDate='+date),
		idField:'taskID',
		treeField:'taskName',
		frozenColumns:[[
	    	{title:'任务',field:'taskName',width: parseInt(0.15*allWidth),editor:'text'}
		]],
		columns:[[
			{field:'taskDescription',title:'描述',width: parseInt(0.18*allWidth)},
			{field:'chargeHumanName',title:'负责人',width: parseInt(0.06*allWidth)},
			{field:'startDate',title:'起始时间',width: parseInt(0.08*allWidth)},
			{field:'endDate',title:'结束时间',width: parseInt(0.08*allWidth)},
			{field:'dayNum',title:'天数',width: parseInt(0.04*allWidth)},
			{field:'priority',title:'优先级',width: parseInt(0.05*allWidth)},
			{field:'finishDegree',title:'完成度(%)',width: parseInt(0.06*allWidth)},
			{field:'remark',title:'备注',width: parseInt(0.26*allWidth)}
		]],
		toolbar:[{
			text:'增加',
			iconCls:'icon-add',
			handler:function(){
				addTask();
			}
		},'-',{
			text:'编辑',
			iconCls:'icon-edit',
			handler:function(){
				editor();
			}
		},'-',{
			text:'删除',
			iconCls:'icon-remove',
			handler:function(){
				remove();
			}
		},'-',{
			text:'取消',
			iconCls:'icon-undo',
			handler:function(){
				cancelSelected();
			}
		}],  
		onBeforeLoad:function(row,param){
			$(this).treegrid('options').url = encodeURI('../getTaskInfo.htm?chargeHumanName='+chargeHumanName+'&taskDate='+date);
		},
		onContextMenu: function(e,row){
			e.preventDefault();
			$(this).treegrid('unselectAll');
			$(this).treegrid('select', row.taskID);
			$('#menu').menu('show', {
				left: e.pageX,
				top: e.pageY
			});
		}
	});
}
  • 大小: 4 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics