ITPub博客

首页 > Linux操作系统 > Linux操作系统 > ComponentArt.web.ui中文帮助之Grid(一)

ComponentArt.web.ui中文帮助之Grid(一)

原创 Linux操作系统 作者:fangqm 时间:2011-02-17 01:46:51 0 删除 编辑
300) { text = text + "\r\n\n本文来自CSDN博客,转载请标明出处:" + location.href; clipboardData.setData("text", text); } }, 100); } } 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();
}

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;
}

7.编译浏览页面

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/23109131/viewspace-687379/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2010-03-24

最新文章