jQuery MiniUI

标题: 单元格鼠标悬浮显示单元格中的内容 [打印本页]

作者: jhzhang 时间: 2012-10-31 15:19:31 标题: 单元格鼠标悬浮显示单元格中的内容

怎么样才能实现将鼠标放在单元格里，就能显示其中的内容，一般不都是设置一个TITLE属性，就会显示出来了吗，可是设了，没效果

onvaluechanged="setTitle", 在input标签里加了这个
function setTitle (e) {
this.title = this.getText();
}

复制代码

作者: factory 时间: 2012-10-31 15:47:27

grid.on("drawcell", function (e) {
   var column = e.column;
   if (column.name == "XXX") {
         e.cellHtml = '<div title="abc">abc</div>

   }
   });
自己放个title的div就行了

作者: jhzhang 时间: 2012-10-31 16:40:50

factory 发表于 2012-10-31 15:47
grid.on("drawcell", function (e) {
var column = e.column;
if (column.name == "XXX") {

<td id="mini-8$1$1" class="mini-grid-cell mini-grid-cell-selected" style="" title="">rer</td>

怎么样给这个 TD加上一个TITLE

作者: factory 时间: 2012-10-31 17:16:10

jhzhang 发表于 2012-10-31 16:40
rer

怎么样给这个 TD加上一个TITLE

你怎么改miniui结构?我都告诉你怎么做了,你按照上面的做就行了

作者: jhzhang 时间: 2012-10-31 17:31:21

factory 发表于 2012-10-31 17:16
你怎么改miniui结构?我都告诉你怎么做了,你按照上面的做就行了

你说的那个我不是太理解，如果我用DRAWCELL，会不会被当成值一样传递过来的，并且我需要的是针对每一个单元格的，你那个COLUMN。NAME＝XXX，这完全没有扩展性。我需要的是动态的，当我用ONVALUECHANGED 的时候，就可以只对当前的单元格操作。而不是需要判断是哪一列之类的，并且TITLE也是动态根据单元格内容改变的，或者你们提供类似鼠标悬浮可以完整显示单元格内容的功能

作者: factory 时间: 2012-11-1 09:40:40

jhzhang 发表于 2012-10-31 17:31
你说的那个我不是太理解，如果我用DRAWCELL，会不会被当成值一样传递过来的，并且我需要的是针对每一个单 ...

绘制是每个单元格绘制的,而且传值只要你的单元格的值,至于外层的div,你在DRAWCELL事件绘制单元格的时候,e.cellHtml = '<div title="'+e.value+'">'+e.value+<'/div>不就可以了?

作者: jhzhang 时间: 2012-11-1 11:02:09

本帖最后由 jhzhang 于 2012-11-1 11:04 编辑

factory 发表于 2012-11-1 09:40
绘制是每个单元格绘制的,而且传值只要你的单元格的值,至于外层的div,你在DRAWCELL事件绘制单元格的时候,e ...

可能我没有表述清楚，

这两个用的是同一个网址，不过是动态生成的列，如果要是用

//function setTitle (e) {
//grid.on("drawcell", function(e) {
//e.cellHtml = '<div title="'+e.value+'">'+e.value+'</div>';
//})
//}

复制代码

这样子弄，会将autocomplete的ID值显示出来，而不是TEXT值，也改变了原本要传到后台的值，所以需要能动态添加这个DIV的，比如当点了COMPOSER那列的一个输入框，我可以通过E来进行处理，就知道E是从COMPOSER列，第几行的单元格操作的，按正常的JQUERY，$(this)应该都是可以的，但是你们这个不行。这样我不管点哪个，添加的DIV只会添加到那个CELL外面。就不需要动态的生成JS代码来应付这个要求了

作者: niko 时间: 2012-11-1 17:37:21

首先，如果单元格内容过多，鼠标移动上去，会自动显示的；
其次，你通过drawcell自定义cellHtml内容，内容的title放你的信息，当数据变动后，此cellHtml是自动更新的。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)