jQuery MiniUI

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

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

怎么样才能实现将鼠标放在单元格里,就能显示其中的内容,一般不都是设置一个TITLE属性,就会显示出来了吗,可是设了,没效果
  1. onvaluechanged="setTitle", 在input标签里加了这个
  2. function setTitle (e) {
  3.                          
  4.                                 this.title = this.getText();
  5.                         }
复制代码




作者: 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 ...

可能我没有表述清楚,



这两个用的是同一个网址,不过是动态生成的列, 如果要是用
  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代码来应付这个要求了
作者: niko    时间: 2012-11-1 17:37:21

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




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2