在EXT3中,可以使用以下方法添加Tip信息:
1.给GridPanel添加一个render事件:
"listeners" : {
'render' : Ext.util.gridRenderFn
}
2.renderer 事件函数如下:
Ext.util.gridRenderFn = function(grid) {
var store = grid.getStore();
var view = grid.getView();
grid.tip = new Ext.ToolTip({
target : view.mainBody,
delegate : '.x-grid3-row',
trackMouse : true,
width : 250,
anchor : 'left',
renderTo : document.body,
dismissDelay : 0,
listeners : {
beforeshow : function updateTipBody(tip) {
var rec = store.getAt(view
.findRowIndex(tip.triggerElement));
tip.body.dom.innerHTML = Ext.util.Format
.alarmTipFn(rec);
}
}
});
};
3.alarmTipTpl是用于组织Tip内容的:
Ext.util.Format.alarmTipTpl = new Ext.Template(
'<table><tr><td nowrap>发生时间:</td><td>{alarmDate}</td></tr>',
'<tr><td nowrap>地市名称:</td><td>{cityName}</td></tr>',
'<tr><td nowrap>站点名称:</td><td>{platformName}</td></tr>',
'<tr><td nowrap>设备名称:</td><td>{equName}</td></tr>',
'<tr><td nowrap>参数名称:</td><td>{equParamName}</td></tr>',
'<tr><td nowrap>内容:</td><td>{alarmContent}</td></tr></table>'
);
Ext.util.Format.alarmTipFn = function(rec) {
return Ext.util.Format.alarmTipTpl.apply(rec.data);
}
分享到:
相关推荐
给propertyGrid动态添加属性,估计有人想用。
修改grid行或列颜色修改grid行或列颜色修改grid行或列颜色修改grid行或列颜色修改grid行或列颜色
这两天项目需要,临时做了一个,没有封装,该grid可以实现列和行的自定义添加和删除,包括修改标题,以及列的右击添加事件。希望对你们有所帮助!双击列名可以对列名进行修改,右键列名可以选择左侧和右侧添加列以及...
手动动态添加 PropertyGrid 的数据行并显示 C# (非属性绑定方式)
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列
在使用PCL的voxelgrid filter时,若点云过大,而设置的voxel比较小,可能会导致voxel的数量超过int32的上限,从而会出现警告:“Leaf size is too small for the input dataset”。本代码可以解决这个问题。
grid嵌套grid 实例,写的杂没整理,结合博客看吧
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也...之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为丑陋,有了Easyui 1.3.3的tooltip,我们实现起来就很容易了
Smart Grid using Big Data Analytics:A Random Matrix Theory Approach 大数据与智能电网理论与实践 big data and smart grid theory and practice
在一个外层grid列里生成一个grid布局的内容。...外层是某人的信息,在这个一行里,有他的语数外三科(一个几行几列的grid)的成绩。 不是为了利益大众,是为了自己,也当做自己曾经写的一个功能吧。
开发中使用DevExpress.12.1总结出来的一点网上不常见的一些急手的控件操作功能的一小点。谢谢支持,虽然贵,但是货真价实,如果你从网上收不到解决的方法,不放下来看看。
title: "WPF 如何给 Grid 的某一行添加背景色"其实在 WPF 里面是不存在单独设置 Grid 的某一行的配色,但是想要达到这个视觉效果,可以通过
VFP GRID 合计行,与双层表头控件
vxe-grid加载页面默认表格选中第一行高亮.vue
Grid Generation Methods(网格生成方法) Grid Generation Methods 2nd Edition Dec 2009 Grid Generation Methods 2nd Edition This book is an introduction to structured and unstructured grid methods ...
//得到grid所有的行 代码如下: grid.getSelectionModel().getSelections(); //得到选择所有行 //注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性 Var selectRows = grid...