起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1255|回复: 9

[结贴] grid显示的文本列字数过多时如何处理?

[复制链接]

12

主题

54

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
发表于 2014-10-21 10:01:12 | 显示全部楼层 |阅读模式
版本: X5.2.6 小版本号:
数据库: MS SQLServer 服务器操作系统: Windows 应用服务器: Tomcat
客户端操作系统: Windows 7 浏览器: IE8
grid显示的文本列字数过多,截取部分内容加上省略号显示之后,鼠标移入的时候不能显示全部内容,请问怎么解决啊?
_FTE0UUQDZ4)C%8%1VU24HH.jpg

12

主题

54

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2014-10-21 10:39:55 | 显示全部楼层
有人帮忙吗?
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36067
发表于 2014-10-21 11:09:34 | 显示全部楼层
截取部分内容加上省略号显示之后自己处理后把内容改了所以tip的提示信息也就该了
可以修改一下tip提示信息看看
  通过接管grid的onCellHint事件完成

//定义变量记录鼠标所指的元素
var cell_a = null;
grid.cellmouseover = function(e){
        var el = (e ? e.target : event.srcElement);
        if(el.tagName=='A'){//如果是其他元素可以在这里增加判断
                cell_a = el;
        }else cell_a = null;
};

//html列渲染代码,__title='查看材料基础信息'
grid.grid1_fTextRender = function(event){
        var html = "<div onmouseover='grid.cellmouseover(event)'><a href='#' __title='删除该行材料'>删除</a> "
                        +"<a href='#' __title='查看材料基础信息'>查看</a> "
                        +"<a href='#' __title='按颜色录入信息'>录入</a></div>";
        return html;
};

//接管grid的事件onCellHint,两个条件event.colId==html列名
grid.grid1CellHint = function(event){
        if(event.colId=='fText' && cell_a) return $(cell_a).attr('__title');
};
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

12

主题

54

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2014-10-21 11:55:02 | 显示全部楼层
jishuang 发表于 2014-10-21 11:09
截取部分内容加上省略号显示之后自己处理后把内容改了所以tip的提示信息也就该了
可以修改一下tip提示信息 ...

可以远程帮忙看看吗?
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36067
发表于 2014-10-21 14:14:26 | 显示全部楼层
截取部分内容加上省略号显示怎么在什么地方处理的?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

12

主题

54

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2014-10-21 14:39:45 | 显示全部楼层
jishuang 发表于 2014-10-21 14:14
截取部分内容加上省略号显示怎么在什么地方处理的?

grid列设置为html类型,在onReader事件里处理的
回复 支持 反对

使用道具 举报

12

主题

54

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2014-10-21 15:25:38 | 显示全部楼层
按照上面的方法好像试了不行
回复 支持 反对

使用道具 举报

12

主题

54

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2014-10-21 15:27:05 | 显示全部楼层
jishuang 发表于 2014-10-21 14:14
截取部分内容加上省略号显示怎么在什么地方处理的?

e ? e.target : event.srcElement 上边的方法这里报错,接管grid的事件在鼠标移动事件之前触发
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36067
发表于 2014-10-21 16:26:37 | 显示全部楼层
//html列渲染代码,__title='查看材料基础信息'
grid.grid1_fTextRender = function(event){
        var html = "<div onmouseover='grid.cellmouseover(event)'><a href='#' __title='删除该行材料'>删除</a> "
                        +"<a href='#' __title='查看材料基础信息'>查看</a> "
                        +"<a href='#' __title='按颜色录入信息'>录入</a></div>";
        return html;
};


__title设置的就是提示信息
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

12

主题

54

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2014-10-21 17:51:59 | 显示全部楼层
嗯,可以了,谢谢,请结贴!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-22 15:24 , Processed in 0.062448 second(s), 28 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表