ITPUB??ì3
ITPUB论坛 » WEB 2.0技术 » 寻:使用CSS样式截取字符串的方法

新一届的微软MVP评选已经开始,欢迎各位推荐!

标题: [笔记] 寻:使用CSS样式截取字符串的方法
离线 mosticy
中级会员


精华贴数 0
个人空间 0
技术积分 2386 (657)
社区积分 2185 (560)
注册日期 2007-10-9
论坛徽章:2
      
      

发表于 2008-4-30 10:52 
寻:使用CSS样式截取字符串的方法

当字符串超过列宽的时候,自动截取超过长度的字符。
我使用了入如下的样式:
.GridViewList
{
        display:block;
        white-space:nowrap;
        overflow:hidden;
        float:left;   
}
并引用在 GridView 中是有效果的。
但是使用了 ajax 前台onlick 调用后台方法对数据进行排序之后,
在重新构造数据并显示的时候,截取字符串的样式就不再起作用,
于是我进行了下面的处理。
        for (var i=0,len=ret.Results.length; i<len; i++)
        {
            container.rows.cells[1].innerText = ret.Results.COLUMN_NAME;                  
            container.rows.cells[1].style.display = 'inline-block';
            container.rows.cells[1].style.width = '300px';  
            container.rows.cells[1].overflow = 'hidden';         
            container.rows.cells[1].className = 'GridViewList';   
        }
但是却没有达到想要的效果,又不晓得问题出在哪里,
听听大家的意见,谢谢先。


__________________
(止步海阔天空.)
只看该作者    顶部
离线 iooyoo
迷眼流金


精华贴数 0
个人空间 20
技术积分 4218 (333)
社区积分 3497 (385)
注册日期 2006-6-15
论坛徽章:22
2008北京奥运纪念徽章:皮划艇激流回旋2008北京奥运纪念徽章:举重2008年新春纪念徽章   
      

发表于 2008-5-4 09:01 
container.rows.cells[1] 是什么?
getElementById('ele_id').ClassName是没错的

尝试一下
try {
  //....
}
catch(e) {
  debugger;
}
看看有没有错误信息


__________________

使君欲醉离亭酒
酒醒离愁转有
紫禁多时虚右
苕霄留难久
一声歌掩双罗袖
日落乱山春后
犹有东城烟柳
青荫长依旧
只看该作者    顶部
离线 mosticy
中级会员


精华贴数 0
个人空间 0
技术积分 2386 (657)
社区积分 2185 (560)
注册日期 2007-10-9
论坛徽章:2
      
      

发表于 2008-5-4 09:13 
好的,我试看看。


__________________
(止步海阔天空.)
只看该作者    顶部
离线 ShadowKiller
不会跳舞的猪


精华贴数 0
个人空间 0
技术积分 636 (2982)
社区积分 19 (7754)
注册日期 2004-9-17
论坛徽章:2
管理团队成员开发板块每日发贴之星    
      

发表于 2008-5-4 13:58 
container.rows.cells[1]   中的rows没有下标吗?


__________________
When you wanna get the most , there's no easy way out; when you ready to go and your heart left in doubt, Don't give up your faith , cause you can win, in this thing called love.Love can conquer all.
只看该作者    顶部
离线 mosticy
中级会员


精华贴数 0
个人空间 0
技术积分 2386 (657)
社区积分 2185 (560)
注册日期 2007-10-9
论坛徽章:2
      
      

发表于 2008-5-5 23:51 
rows的下标。哦 你是说 rows[0] 这样的吧。。
那天的问题似乎解决了一半。有个奇怪的现象,当我用 javascript 给  gridview 赋值然后再修改样式之后,
进行点击项目名的排序,第一次排序时,使用了 css 样式截取字符串的那两列数据就 自动向右移动了大概50像素。

再点击项目名进行排序后,全部正常。。
很蹊跷,还没有找到原因。


__________________
(止步海阔天空.)
只看该作者    顶部
离线 mostivy
初级会员


精华贴数 0
个人空间 0
技术积分 207 (9137)
社区积分 722 (1136)
注册日期 2007-10-9
论坛徽章:40
NBA季后赛之星2008北京奥运纪念徽章:皮划艇激流回旋2008北京奥运纪念徽章:棒球2008北京奥运纪念徽章:棒球2008北京奥运纪念徽章:篮球ITPUB新首页上线纪念徽章
      

发表于 2008-5-19 14:53 
进展如何?


__________________
此广告位招租!欢迎垂询!
只看该作者    顶部
离线 iooyoo
迷眼流金


精华贴数 0
个人空间 20
技术积分 4218 (333)
社区积分 3497 (385)
注册日期 2006-6-15
论坛徽章:22
2008北京奥运纪念徽章:皮划艇激流回旋2008北京奥运纪念徽章:举重2008年新春纪念徽章   
      

发表于 2008-5-19 17:05 
楼主忘了  


__________________

使君欲醉离亭酒
酒醒离愁转有
紫禁多时虚右
苕霄留难久
一声歌掩双罗袖
日落乱山春后
犹有东城烟柳
青荫长依旧
只看该作者    顶部
 
    

相关内容


CopyRight 1999-2006 itpub.net All Right Reserved.
北京皓辰广域网络信息技术有限公司. 版权所有
E-mail:Webmaster@itpub.net
京ICP证:010037号 联系我们 法律顾问