UltraWebGrid 2005控件在实际项目开发中的应用,这里描述了UltraWebGrid控件的原理以及它的使用方法和技巧，还特别介绍了以Excel为数据源的绑定方法，以及应用JAVASCRIP实现了光标在UltraWebGrid cell中回车后纵向行走的方法。
关键词 ASP.NET；Microsoft Visual Studio .NET 2003；c#；UltraWebGrid
自公司宣布采用.NET开发项目以来，在不到两年得时间里，已经从战略变成现实。ASP.NET项目开发的过程中，UltraWebGrid 控件扮演了非常重要的角色，几乎每个页面都用到了UltraWebGrid控件。DataGrid Web服务器控件以表格式布局显示数据。提供到 ADO.NET 数据集的用户界面，该用户界面显示表格式数据并允许对数据源进行更新。当将UltraWebGrid控件设置为有效的数据源时，该控件被自动填充，同时根据数据的形状创建列和行。UltraWebGrid控件可用于显示单个表或显示一组表之间的分层关系。另外UltraWebGrid控件还拥有不断更新强大的属性编辑器，通过属性设置就可以实现特定的功能。 一、 基本原理
ASP.NET服务器控件包括HTML控件和Web控件，UltraWebGrid属于ASP.NET WEB控件，是基于数据源生成动态网页的数据栅格。它的层次关系如图1所示
UltraWebGrid控件可以呈现多列的、完全模板化的表格，目前在多用性方面超出了其他所有数据绑定控件。它提供的用户界面很接近Microsoft Excel 工作表。通过使用UltraWebGrid控件，可以创建简单的数据绑定列来显示从数据源检索的数据，也可以创建模板列来设计单元格内容的布局，最后，基于命令的列使您可以向表格中添加特定的功能。它的基本使用方法如下：
数据绑定。UltraWebGrid Web 服务器控件必须通过其 DataSource 属性绑定到数据源，否则它将无法在页面上呈现。UltraWebGrid的典型数据源为 DataSet 和数据读取器。可使用工具箱中提供的数据源，如 DataSet 或 DataView 类。在微软推出2004和2005的新控件中，数据结构不仅可以是简单的单层结构也可以是有层次的多层结构。UltraWebGrid可以象树控件一样有层次的显示数据。
外观设置。可以通过预置外观和外观浏览器来实现。预置外观是通过选择一个.XML文件（PreSet）来设置整个UltraWebGrid 风格。非常方便快捷，但有时不能完全满足用户的需求。那么就可以通过外观浏览属性生成器来编辑外观。通过这个外观浏览模块可以设置组成UltraWebGrid 的各个元素的样式属性，如backcolor,bordercolor,font等来实现UltraWebGrid外观设置。UltraWebGrid的元素主要包括 header,footer,row,select row,item cell等。
事件模型是对UltraWebGrid 的动作做出响应。可以对这些动作进行编程控制，来实现所需要的功能。事件可分为：客户端事件和服务器端事件，这使它的功能变得更加强大。
特殊功能。通过设置属性来实现UltraWebGrid的一些特殊功能。如只定用户是否可以移动列（AllowColumnMoving），改变列的宽度（AlloColumnSizing），对数据进行排序（AllowSorting），分页（AllowPageing）等。
控件的基本使用方法
二、 使用方法和技巧 1.添加UltraWebGrid控件
在VS.NET中新建一个Web工程，之后在工具箱中，鼠标右键弹出的菜单中，选择“添加新项”，在自定义工具箱中，选择UltraWebGrid控件（注意选择的是命名空间为Sysetem Web UI webcontrol的命名空间），按“确定”后，就可以在工具箱中出现UltraWebGrid控件了。将UltraWebGrid控件拖拽到ASP.NET WEB页设计器中，进入HTML页将看到导入名称空间： <%@ import namespace=\
'注册这个名称空间并为其给定一个TagPrefix,以便于对这个控件库中的控件进行定义 <%@Register
TagPrefix=\
Namespace=\Version=5.1.20051.37,
Culture=neutral,
Assembly=\PublicKeyToken=7dd5c3163f2cd0cb\
%>
2.数据绑定
(1)典型数据源绑定：
可以使用 DataSource 属性来绑定 DataTable 对象（或从 DataTable 派生的对象）。在化工信息项目中是这样绑定UltraWebGrid数据源的,定义一个DataSet并实例化一个DataCommand,DataCommand在封装类中已经进行了定义。编写一个绑定函数，在需要绑定UltraWebGrid时调用该函数，实现的代码如下： DataSet ds=new DataSet();//定义一个DataSet
DataCommand command=new DataCommand();//事例化一个DataCommand #region 数据绑定 private void WebBind() {
ds=command.ReturnDataSet(\
rownum
序
号
,k.*
from
(select
*
from and
\ds.Tables[\序号\
UltraWebGrid1.DataSource=ds.Tables[\UltraWebGrid1.DataBind(); }
#endregion
其中ds=command.ReturnDataSet(\??.”,” grid”)是向ds数据集中添加一个名字为grid的表。然后将这张表作为UltraWebGrid的数据源。
（2）特殊数据源绑定
在做调度管理系统中的数据接口管理模块时，就遇到了要将Excel作为UltraWebGrid 数据源绑定到UltraWebGrid中
数据接口管理模块的数据源绑定
解决办法如下：在页面中点击“浏览”选择要导入的Excel表后，点击“装载”按钮将Excel中的数据绑定到UltraWebGrid中显示。下面是“装载”按钮中click事件的代码。
String sConnectionString = \+\Source='\+ name + \+\Properties=Excel 5.0;\
OleDbConnection objConn = new OleDbConnection(sConnectionString); objConn.Open();
OleDbCommand objCmdSelect =new OleDbCommand(\OleDbDataAdapter objAdapter1 = new OleDbDataAdapter(); objAdapter1.SelectCommand = objCmdSelect; DataSet objDataset1 = new DataSet(); objAdapter1.Fill(objDataset1, \
string[] sql_column =ViewState[\for (int i =0;i objDataset1.Tables[0].Columns[i].ColumnName = sql_column[i].ToString(); } this.UltraWebGrid1.DataSource = objDataset1.Tables[0].DefaultView; where \ bs=\ order by ord) k \ this.UltraWebGrid1.DataBind(); objConn.Close(); 3.绑定列 (1)列的类型 UltraWebGrid列主要分为模板列和绑定列， 模板列：模板列是由 （2）自动生成列 如果将UltraWebGrid的AutoGenerateColumns属性设为 默认值true ，则UltraWebGrid将自动生成列，生成列的原则是：为数据源中的每个字段创建一列；使用字段名称创建列标题。 （3）手动增加列 如果将UltraWebGrid的AutoGenerateColumns属性设为 false，则需要手动的添加列，点击Add按钮增加新列，然后在BaseColumnName,Key,Caption中输入相应信息 4.外观设置 （1）通过Load Layout快速设置UltraWebGrid整体风格 右键点击UltraWebGrid选择属性，弹出属性对话框后，在对话框的下方，点击LoadLayout,进入Style presets界面，在Style下拉列表中选择样式，在选择样式的同时，UltraWebGrid效果在Preview中显示，点Apply应用将此样式应用到UltraWebGrid上。 （2）通过属性设置器设置外观 右键点击UltraWebGrid，选择属性，弹出属性对话框后，在对话框的下方，点击Qick Design 进入快速设计界面选择Appearance Browser，将会看到UltraWebGrid 控件的用户界面包括如图6所示的几种类型的项。在下拉列表中选择要设置的项，在右边的属性栏设置响应的属性，就可以得到你想要得外观了。在这里就不一一介绍了。 5.事件模型 （1）UpdateCellBatch事件 通过UpdateCellBatch事件对UltraWebGrid中的数据源进行更新。 首先，在UltraWebGrid中增加新行： Infragistics.WebUI.UltraWebGrid.UltraGridRow rw = new Infragistics.WebUI.UltraWebGrid.UltraGridRow(); UltraWebGrid1.Rows.Add(rw); 然后，在UltraWebGrid中删除激活行： this.UltraWebGrid1.DisplayLayout.ActiveRow.Delete(); 最后，更新修改数据。利用UpdateCellBatch事件记录UltraWebGrid中曾经修改过的数据，然后通过command.Update更新到数据库中。具体操作如下：在UltraWebGrid中添加UpdateCellBatch事件，右键点击UltraWebGrid，选择属性，弹出属性对话框后，在对话框的上方，选择事件选项卡。在事件列表中找到UpdateCellBatch事件，双击进入编程页面，完成事件的添加，在事件中填写如下代码： if(Request.Params.Get(\保存\{ DataRow row=null; DataTable table=null; object[] key = new object[2]; key[0] = UltraWebGrid1.Rows[e.Cell.Row.Index].Cells.FromKey(\key[1] = UltraWebGrid1.Rows[e.Cell.Row.Index].Cells.FromKey(\table = dataSet12.Tables[e.Cell.Band.BaseTableName]; if(table==null) return; if (key!=null) row=table.Rows.Find(key); if(row!=null) { try { object newVal=e.Cell.Value; string ColName=e.Cell.Column.BaseColumnName; if(newVal==null||newVal.ToString()==\{row[e.Cell.Column.Key]=0;} else {row[e.Cell.Column.Key]=newVal;} } catch(Exception ex) { Response.Write(ex.Message); dataSet12.RejectChanges(); } } } 然后在“存盘”按钮的click事件中添加如下代码： #region//——存盘 private void ButtonUpdate_Click(object sender, System.EventArgs e) { try { DataCommand myDataCommand = new DataCommand(); myDataCommand.Update( mySql ,dataSet12.Tables[mySqlTable]); this.UltraWebGrid1.DataBind(); } catch(Exception updateError) { Response.Write (updateError.StackTrace); Response.Write (\保存过程出错！\dataSet12.RejectChanges(); } } #endregion 这样就实现了数据的更新 （2） ClickCellButton事件 应用ClickCellButton事件实现记录的上移和下移，在UltraWebGrid中添加ClickCellButton事件，方法同上，事件中的核心代码如下： //上移 if(e.Cell.Column.Key.ToString()==\上移\{ int i; i=e.Cell.Row.Index; if(i>0) { this.ViewState[\ this.ViewState[\ string sql=\ \ set where ord=\ id=\command.MyCommand(sql); string sql1=\\ set ord=\where id=\ command.MyCommand(sql1); WebBind(); UltraWebGrid1.Rows[i-1].Activate(); UltraWebGrid1.Rows[i-1].Selected=true; } } //下移 else { int i; i=e.Cell.Row.Index; if(i this.ViewState[\ this.ViewState[\ string sql=\ \ set where ord=\ id=\ command.MyCommand(sql); string sql1=\ \ set where ord=\ id=\ command.MyCommand(sql1); WebBind(); 百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库UltraWebGrid控件的用法在线全文阅读。
相关推荐：