ComponentArt.web.ui中文帮助之Grid(一)
ComponentArt Grid指南概述:
为ASP.NET设计的ComponentArt Grid结合了我们的专利表现技术和AJAX技术，包括客户端，服务器端和回传运行模式
主要特征包括：分页，排序，分组，过滤，查找，列缩放和排序，分级显示和多重表格，客户端和服务器端模板，多种记录选择，记录编辑，条件格式化，右键菜单，键盘控制
实现客户端运行模式
客户端运行模式下的ComponentArt Grid(RunningMode="Client")能够提供更快的执行速度和更丰富的用户界面。在客户端运行模式下，分页，排序和过滤由客户端浏览器控制。不需要回到服务器来刷新数据和页面元素。然而，当存储在客户端的数据超过5000条记录时，执行效率会降低，如果你的查询返回数据超过5000条，可以考虑使用Callback模式来从服务器获得更多的数据，而且不需要强制回传整个网页
使用客户端运行模式实现一个Grid
1．新建项目grid_client.aspx
2．在设计视图，从工具箱拖拽ComponentArt Grid控件到页面，id=“Grid1”
3.在属性页设置Grid属性如下表
|
属性
|
值
|
|
ImagesBaseUrl
|
images
|
|
PagerImagesFolderUrl
|
images
|
|
PagerStyle
|
Slider
|
|
RunningMode
|
Client
|
4.拷贝表格需要的图片和滑块到你的项目的图片文件夹.你可以找到滑块图片在\live_examples\grid\features\client_sideRunningMode\images\pager.
5.在Page_Load事件添加以下代码 [ C# ]
if (!IsPostBack)
{ Grid1.DataSource = MakeDataTable();
Grid1.DataBind();
}
{ Grid1.DataSource = MakeDataTable();
Grid1.DataBind();
}
6.添加一个MakeDataTable()函数来填充和返回一个ADO.NET DataTable.下例代码产生了一个DataTable [ C# ]
public DataTable MakeDataTable()
{ DataTable dt = new DataTable();
dt.TableName = "DTable";
DataColumn dc = new DataColumn();
dc.DataType = Type.GetType("System.Int32");
dc.ColumnName = "ID";
dt.Columns.Add(dc);
dc = new DataColumn();
dc.DataType = Type.GetType("System.String");
dc.ColumnName = "Item";
dt.Columns.Add(dc);
dc = new DataColumn();
dc.DataType = Type.GetType("System.Double");
dc.ColumnName = "Tick";
dt.Columns.Add(dc);
int i = 0;
do
{
DataRow dr = dt.NewRow();
dr["id"] = i;
dr["item"] = "Item " + i.ToString();
dr["Tick"] = i;
dt.Rows.Add(dr);
i++;
}
while (i <= 4000);
dt.AcceptChanges();
return dt;
}
{ DataTable dt = new DataTable();
dt.TableName = "DTable";
DataColumn dc = new DataColumn();
dc.DataType = Type.GetType("System.Int32");
dc.ColumnName = "ID";
dt.Columns.Add(dc);
dc = new DataColumn();
dc.DataType = Type.GetType("System.String");
dc.ColumnName = "Item";
dt.Columns.Add(dc);
dc = new DataColumn();
dc.DataType = Type.GetType("System.Double");
dc.ColumnName = "Tick";
dt.Columns.Add(dc);
int i = 0;
do
{
DataRow dr = dt.NewRow();
dr["id"] = i;
dr["item"] = "Item " + i.ToString();
dr["Tick"] = i;
dt.Rows.Add(dr);
i++;
}
while (i <= 4000);
dt.AcceptChanges();
return dt;
}
7.编译浏览页面