ITPUB论坛 » WEB 2.0技术 » 寻:使用CSS样式截取字符串的方法
新一届的微软MVP评选已经开始,欢迎各位推荐!
2008-4-30 10:52 mosticy
寻:使用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[i].cells[1].innerText = ret.Results[i].COLUMN_NAME;                  
            container.rows[i].cells[1].style.display = 'inline-block';
            container.rows[i].cells[1].style.width = '300px';  
            container.rows[i].cells[1].overflow = 'hidden';         
            container.rows[i].cells[1].className = 'GridViewList';   
        }
但是却没有达到想要的效果,又不晓得问题出在哪里,
听听大家的意见,谢谢先。

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

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

2008-5-4 09:13 mosticy
好的,我试看看。

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

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

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

2008-5-19 14:53 mostivy
进展如何?

2008-5-19 17:05 iooyoo
楼主忘了  :)

页: [1]


Powered by ITPUB论坛