我们用GridView做数据表的时候,为了让表格美观整洁,表格信息一目了然,将相同行合并在此显得很有必要了。如下示例图:

彭智勇-GridView合并相同行

达到以上图示效果网上有很多参考方法,例如:GridView嵌套,用模板列,报表工具等等,都是在服务器进行行列处理而得到,或多或少离不开数据处理,因此也会有不少麻烦。

笔者向大家提供一个客户端脚本工具,用来自动合并相同行。客户端脚本合并相同行好处在于,减轻服务器负担,简单快速,无需后台服务器端处理,前台自动合并。

脚本工具下载:MergeGridView.zip(此为加密版,如需源码版,请发MAIL于笔者,笔者收到MAIL后再发于读者)。

关于该脚本合并GridView使用方法。执行该脚本的方法名为:MergeGridView(GvHtmlID,colCount),其中GvHtmlID为静态页面下(查看HTML源代码时获取的)GridView的ID号,colCount为GridView需要合并的列数,一般是连续的前colCount列。

如果读者仍然无法理解,笔者以上图为例解释一下。假设上图中GridView的ID为gvMerger,那么从合并前的状态达到合并后的效果,只需执行MergeGridView(gvMerger,4)就可以了。

PS:MergeGridView(GvHtmlID,colCount)方法写在body标签的onload里面,如下代码:

onload="MergeGridView(GvHtmlID,colCount)"

(2012.09.11更新)服务器端合并GridView相同行的方法,请下载附件:GridViewMergeCode.zip

空非易文章均为原创,转载请以链接形式注明本文地址

本文地址:http://pengzhiyong.com/archives/gridview-merge-rows.html

作者:空非易 | 标签: | 浏览:1386