[ASP]自定义可拖动列宽,自动截断和隐藏内容,已及固定表头和列的gridview[技术备份一]
2009-11-20 11:19
232 查看
刚从VC6转型过web,边抄边写边学边做,大量融合了GridViewPageable 和YYControls
拖动列宽并产生左右下拉条:在gridview绑定结束后给每个cell绑一个div进去,同时鼠标捕捉是否移动到了表头的中线,使用cursor:col-resize 产生拖动标示,鼠标拖动时记录长度,松开后将左右两列所有div的宽度重新调整 (已实现)。
目前缺陷:为防止div顶破gridview的边界,外面需要有个专用div供gridview使用,并将高度设为100%
拖动列宽后自动截断单元格内容,并用省略号表示,单元格内容无损:gridview使用table-layout: fixed,每个单元格的div使用text-overflow:ellipsis; (已实现)
固定表头和首列: 需要的效果是,下拉条对表头无效,右拉条对固定列无效,因有拖动列宽功能,固定的表头行所有div要使用相对定位,并使 expression 为 Parent.scrollTop - 1,固定列使用Parent.scrollLeft (已实现) 固定行和列要设不透明,白色也要FFFFFF
待续。。。。
拖动列宽并产生左右下拉条:在gridview绑定结束后给每个cell绑一个div进去,同时鼠标捕捉是否移动到了表头的中线,使用cursor:col-resize 产生拖动标示,鼠标拖动时记录长度,松开后将左右两列所有div的宽度重新调整 (已实现)。
目前缺陷:为防止div顶破gridview的边界,外面需要有个专用div供gridview使用,并将高度设为100%
拖动列宽后自动截断单元格内容,并用省略号表示,单元格内容无损:gridview使用table-layout: fixed,每个单元格的div使用text-overflow:ellipsis; (已实现)
固定表头和首列: 需要的效果是,下拉条对表头无效,右拉条对固定列无效,因有拖动列宽功能,固定的表头行所有div要使用相对定位,并使 expression 为 Parent.scrollTop - 1,固定列使用Parent.scrollLeft (已实现) 固定行和列要设不透明,白色也要FFFFFF
待续。。。。
相关文章推荐
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- 表头固定,随内容可水平拖动的超简单实现
- ASP.NET GridView控件固定表头(适用于IE浏览器,css操作)
- ASP.NET MVC实用技术:自定义AuthorizeAttribute与ActionLink的隐藏
- ASP.NET GridView中文本内容无法换行(自动换行/正常换行)
- ASP.NET中GridView 表头不动内容滚动解决法
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- 在asp.net中实现Gridview 表头固定
- 扩展GridView,给BoundField表头添加div (技术备份)
- asp.net gridview列宽固定的几种方法
- 在asp.net中实现Gridview 表头固定
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- fastreport中列宽固定,根据字段内容多少自动调整行高?
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- ASP.NET中GridView 表头不动内容滚动解决法
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]