摘要　根据实际工作经验介绍如何使用DataGrid控件，实现表头固定，垂直和水平两个方向的滚动；如何加入文本编辑（TextBox）控件，检查框（CheckBox）控件；结合JavaScript在客户端实现对编辑改动内容行的自动识别。

关键词　DataGrid，Asp.NET1.x，Asp.NET2.0，JavaScript

一、背景介绍

在一个工资管理的Web项目中，需要对众多人员的工资数据进行编辑，每一个人员工资又包含多项数据，需要一个类似Excel表格方式的录入界面。

DataGrid虽然提供了数据的编辑功能，但只能进行一行数据的添加、修改、删除的编辑功能，限制了对大量数据的编辑，显然不能满足用户的需求，操作不便。通过深入研究，实现了对DataGrid的表头的固定，多行数据的编辑，数据修改能够自动识别，扩展了DataGrid的编辑能力，方便了用户的使用，提高编程效率。

二、实现表头的固定

       关于DataGrid表头固定的技术在很多网站上都有介绍，笔者采用了www.codeproject.com网站上的一篇文章提到的一个控件（文章的地URL为：http://www.codeproject.com/aspnet/ScrollingGrid.asp），大家可以参考上面的文章。网站上的控件为Asp.NET1.1版本的，经过本人的升级，加入了一些实用的属性，现在可以使用在Asp.Net2.0的版本中。在附带的源代码中有本控件的.NET2.0版本的升级程序。

1.本控件的优点

支持多种浏览器：Mozilla Firefox 1+， Internet Explorer 5+， Netscape 7+；支持<select>元素的正确的显示；支持页面提交后，表格控件能自动定位到原先的位置；完全支持ASP.NET  DataGrid ，并且支持用户在Visual Studio 可视化编辑环境中的编辑模式；使用简单，支持一个页面上的多个表格。

2.缺点

仅仅支持表头的固定，不支持列方式的固定方式，且需要JavaScript的支持。

３.具体的使用指导

经过实践，发现本控件使用方法简单，同时又不影响DataGrid控件的正常使用，适用于Asp.NET1.1和Asp.NET2.0的环境（升级后的控件），便于升级以前的Asp.NET1.X方式下的应用程序。现在本控件已经成功地应用在“Web化的工资管理软件系统”中。本控件的应用为编程带来了很多方便。控件的基本使用步骤如下：

(1)    下载相应的DLL文件包，解压到Web项目的根目录中。文件如下：

bin/ScrollingGrid.dll

ScrollingGrid.js

(2)    通过浏览方式把 ScrollingGrid 控件（bin/ScrollingGrid.dll）添加到 toolbox 中。

(3)    在你的页面上添加一个 ScrollingGrid 控件。

(4)    把一个 DataGrid 拖进 ScrollingGrid 控件中。

如果页面不是在Web项目的根目录下面，需要设置ScrollingGrid 控件的ScriptPath属性，使它指向相应的ScrollingGrid.js所在的目录。

如： ScriptPath="../"。

       大家也可以利用HTML接加入本控件，具体方法可以参考原文章页面。

(张建  张萍)