jQuery MiniUI

 找回密码
 立即注册
查看: 13450|回复: 7
打印 上一主题 下一主题

单元格鼠标悬浮显示单元格中的内容 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2012-10-31 15:19:31 |只看该作者 |倒序浏览
怎么样才能实现将鼠标放在单元格里,就能显示其中的内容,一般不都是设置一个TITLE属性,就会显示出来了吗,可是设了,没效果
  1. onvaluechanged="setTitle", 在input标签里加了这个
  2. function setTitle (e) {
  3.                          
  4.                                 this.title = this.getText();
  5.                         }
复制代码



Rank: 8Rank: 8

沙发
发表于 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就行了

Rank: 2

板凳
发表于 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

Rank: 8Rank: 8

地板
发表于 2012-10-31 17:16:10 |只看该作者
jhzhang 发表于 2012-10-31 16:40
rer

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

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

Rank: 2

5#
发表于 2012-10-31 17:31:21 |只看该作者
factory 发表于 2012-10-31 17:16
你怎么改miniui结构?我都告诉你怎么做了,你按照上面的做就行了

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

Rank: 8Rank: 8

6#
发表于 2012-11-1 09:40:40 |只看该作者
jhzhang 发表于 2012-10-31 17:31
你说的那个我不是太理解,如果我用DRAWCELL,会不会被当成值一样传递过来的,并且我需要的是针对每一个单 ...

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

Rank: 2

7#
发表于 2012-11-1 11:02:09 |只看该作者
本帖最后由 jhzhang 于 2012-11-1 11:04 编辑
factory 发表于 2012-11-1 09:40
绘制是每个单元格绘制的,而且传值只要你的单元格的值,至于外层的div,你在DRAWCELL事件绘制单元格的时候,e ...

可能我没有表述清楚,



这两个用的是同一个网址,不过是动态生成的列, 如果要是用
  1. //function setTitle (e) {
  2.                         //grid.on("drawcell", function(e) {
  3.                                 //e.cellHtml = '<div title="'+e.value+'">'+e.value+'</div>';
  4.                         //})
  5.                         //}
复制代码
这样子弄,会将autocomplete的ID值显示出来,而不是TEXT值,也改变了原本要传到后台的值, 所以需要能动态添加这个DIV的,比如当点了COMPOSER那列的一个输入框,我可以通过E来进行处理,就知道E是从COMPOSER列,第几行的单元格操作的,按正常的JQUERY,$(this)应该都是可以的,但是你们这个不行。 这样我不管点哪个,添加的DIV只会添加到那个CELL外面。就不需要动态的生成JS代码来应付这个要求了

Rank: 9Rank: 9Rank: 9

8#
发表于 2012-11-1 17:37:21 |只看该作者
首先,如果单元格内容过多,鼠标移动上去,会自动显示的;
其次,你通过drawcell自定义cellHtml内容,内容的title放你的信息,当数据变动后,此cellHtml是自动更新的。

Archiver|普加软件

GMT+8, 2024-10-7 06:46 , Processed in 1.051909 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部