zoukankan      html  css  js  c++  java
  • ComponentArt.web.ui中文帮助之Grid(一)

    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.编译浏览页面
  • 相关阅读:
    linux 运维
    mariadb replication
    phpmyadmin
    Objective-C设计模式——单例Singleton(对象创建)
    收藏iOS学习资料
    axios拦截器
    vue单页面优化
    html设置http缓存代码
    js数组去重,排序的几种方法
    前端移动端问题
  • 原文地址:https://www.cnblogs.com/liujuncm5/p/973021.html
Copyright © 2011-2022 走看看