配色: 字号:
ASP.NET Wijmo 应用程序之ComponentOne GridView控件入门
2016-10-20 | 阅:  转:  |  分享 
  
ASP.NETWijmo应用程序之ComponentOne

GridView控件入门



ComponentOneGridView具有交互式、完全可定制的特性。并且

可以交互式选择、编辑、删除、过滤、排序、分页和分组数据,实现

这些功能只需做一些简单的设置即可,横跨多个页面来显示数据使得

最终用户通过数据来编排页码变得很容易,这些功能大大节省了开发

人员的时间。

下面是使用C1GridView在网页上显示一组数据的示例。

Step1:

首先我们创建一个ASP.NetWeb应用程序,之后添加一个Web窗

体。然后,在工具栏找到C1GridView控件,如果工具栏没有C1GridView,

我们可以点击右键选择“选择项”将C1GridView添加进来。

Step2:

这一步要做的就是绑定数据库,首先添加引用项,右键点击解决

方案添加引用,添加C1.Web.Wijmo.Controls和

C1.Web.Wijmo.Controls.Design,选择下图所示的两项即可:



在解决方案创建一个名为App_Data的文件夹,并右键点击选择

"添加-现有项",将一个已经建立好的数据库文件添加进来,本示例添

加了一个C1Nwind.mdb。

将VS切换到设计界面,双击工具栏的C1GridView控件将其添加

到页面中,点击控件的任务菜单,打开菜单后选择"新建数据源",选择

数据库,在VS2010中,需要先选择数据源类型,此示例选择"Access

Database",在数据库选择界面将本地数据库添加进来。点击完成关闭

选择框,点击下一步进入配置Select语句的界面,通过Select语句来

设置需要显示的内容。



点击下一步,再点击测试查询可以预览显示的内容:



点击完成,数据库配置工作也就完成了。

Step3:

点击任务菜单的Propertybuilder项,对GridView的界面进行设

置,在general界面设置表格的外观,以及允许对表格进行的操作。

在Columns界面设置显示数据库中的那些列,可以添加删除列,如图:



GridView可以实现分页显示,在Paging界面进行分页设置。这一

系列设置完成后点击Apply,点击OK。至此,我们制作的表格已大功

告成,运行看一下结果如何吧。





上图对City进行了升序排序,由于笔者设置了允许分页,允许调

整列宽、允许移动列等,该表格还可以动态的调整列宽度和列的位置。

源视图下源代码如下:



献花(0)
+1
(本文系some_terren...首藏)