XYDataGrid

分享于 

2分钟阅读

Web开发

  繁體

屏幕截图- datagrid1.jpg

介绍

XYDataGrid是一个 web datagrid控件,它帮助开发人员放置固定的标题和固定的列。 一个非常常见的业务需求是一个datagrid组件的固定标题和固定列。 但是,web开发团队将这些功能添加到现有的datagrid控件中并不是那么容易。

XYDatagrid提供了这些方法来方便地添加和删除固定列和标题。

使用代码

添加 XYDataGrid 作为对项目的引用后,请添加以下代码。

Dim constr AsStringDim dt AsNew System.Data.DataTableDim sql AsStringconstr = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & _ 
 "c:XYDataGridTestData.mdb;User Id=admin;Password=;"Dim cn AsNew OleDbConnection(constr)
cn.Open()
sql = "Select * from XYDataGridTestTable"Dim cmd AsNew OleDbCommand(sql, cn)Dim da AsNew OleDbDataAdapter(cmd)
da.Fill(dt)
XYDataGrid1.DataSource = dt
XYDataGrid1.DataBind()

另一个有趣的代码段是应该添加到设计端的代码:

<formid="form1"runat="server"><div><DIVstyle="Z-INDEX: 101; LEFT: 0px; OVERFLOW: auto; WIDTH: 400px; 
 POSITION: relative; TOP: 46px; HEIGHT: 200px"><cc1:XYDataGridID="XYDataGrid1"runat="server"style="border-width:1px;border-style:None;"FixHeader="True"FixColumn="2"></cc1:XYDataGrid></DIV></div></form>

在你设置如下属性之后,datagrid就可以工作了。

屏幕截图- datagrid6.jpg

以下是XYDataGrid的一些图片:

屏幕截图- datagrid1.jpg

图片 1 - 准备向下滚动。

屏幕截图- datagrid2.jpg

图片 2 - 在第一次向右滚动后,部门栏向左滑动。 ID和名称已经固定。

屏幕截图- datagrid3.jpg

图片 3 - 生日列slided到左。

屏幕截图- datagrid4.jpg

图片 4 - 向下滚动后,第一行向上滚动。

屏幕截图- datagrid5.jpg

图片 5 - 向下滚动后,第一行向上滚动。

相关文章