用C1GridView制作雇员仪表板

管理者用雇员仪表板速概观雇员工作流程和细节。这个演示描述了如何用C1GridView使该过程进一步自动化。让我们来讨论一下如何使用C1GridView创建的仪表板,让管理者根据公司每月的事件来监控雇员的贡献率。此项分析的基本需求是数据的正确展示。所以我们可以创建两个不同的数据表来用特定的格式向用户展示数据。创建第一个表格来开始本次演示,该表格用来展示在某个特定事件中每个雇员在该月的每一天所扮演的角色。表格中的列代表以天为单位的时间,所以每一行是雇员每月贡献率的一个记录。你所需要做的就是用这些数据在数据库中创建数据表并将它与一个C1GridView的实例结合起来。现在,移动到第二个数据表,它展示了发生在该月每一天的事件细节——各行代表以天为单位的时间,所以每行都是时间细节的一个记录。正如上面所说的,你会有另一个包含所有细节的数据表且它被束缚于第二个网格视图内。所以,现在我们在同一页面上有了两个代表雇员数据两个不同方面的网格。查看这一页面的用户可以滚动第一个网格来到达某一特定列查看特定时间的细节,也可以滚动第二个网格到特定行来查看当天的事件。在这里我们讨论的是,在第一个Grid中用户滚动至特定列如某一天的时候,第二个Grid自动滚动至相应的特定行如该天的事件来提供事件细节。

ASP.NET Wijmo 应用程序之C1GridView控件入门

C1GridView具有交互式、完全可定制的特性。并且可以交互式选择、编辑、删除、过滤、排序、分页和分组数据,实现这些功能只需做一些简单的设置即可,横跨多个页面来显示数据使得最终用户通过数据来编排页码变得很容易,这些功能大大节省了开发人员的时间。本文主要介绍如何使用C1GridView在网页上显示一组数据。

2014V2新特性:C1GridView过滤条件汉化

Studio for ASP.NET Wijmo平台,使用C1GridView的时候,可以用过滤功能对信息进行筛选。但在旧版本中,过滤条件是英文的,这给很多中国用户带来不便,他们会使用中文的过滤条件。在旧版本,需要前台抓取过滤器进行文本设置,比较复杂。2014V2新版本中,升级了C1GridView过滤条件汉化的问题。用户只需简单的操作,便可以实现中文化。本文就介绍如何设置语言,实现汉化。

ASP.NET Wijmo的GridView 控件实现分组

ASP.NET Wijmo的GridView 控件可以支持从一个数据源显示项目,并且可以交互式选择、编辑、删除、排序和分组数据。本文介绍如何从一个数据源显示项目,并且根据拖拽到指定位置的列进行分组,组的最初可以是折叠也可以是展开,该表格在各组的头行旁边可以显示展开或折叠图标。分组的行可以显示汇总数据,例如,数量或金额。通过连接数据源,然后组头和组尾行用 wijmo-wijgrid-groupheaderrow和 wijmo wijgrid-groupfooterrow CSS类标记,就能实现如下效果的分组。<p><a href="http://www.grapecity.com.cn/image.ashx?picture=C1GridView-group.png"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border-width: 0px;" title="C1GridView-group" src="http://www.grapecity.com.cn/image.ashx?picture=C1GridView-group_thumb.png" alt="C1GridView-group" width="643" height="481" border="0" /></a></p><p>&nbsp;</p>

Studio for ASP.NET Wijmo:C1GridView创建可排序表格

本文演示了简单可排序的表格,用C1GridView绑定数据源,表格的列表示数据源的域,表格的行表示数据源的记录,以便展示数据源的数据。下面介绍如何通过代码实现以上功能。首先给ASP.NET工程添加C1GridView控件,然后创建可排序的绑定表格。添加数据源给表格添加一个Sql数据源。以下代码是将”Employ”数据表从sql数据源中添加进来。<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|\C1Nwind.mdb;Persist Security Info=True" ProviderName="System.Data.OleDb" SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [BirthDate] FROM [Employees]"></asp:SqlDataSource>

Studio for ASP.NET Wijmo: 导出 C1GridView 到 Excel 文件

C1GridView 表格控件用于在前台展示数据,最近有用户提出把 C1GridView 导出到 Excel 文件的需求,考虑到还会有其他用户有此需求,所以分享给大家浏览,希望能对广大用户有所帮助。C1GridView 本身不支持导出到 Excel 文件,在本篇文章中将分别介绍如何通过自定义方法把 C1GridView以 Excel 形式导出到客户端和服务器端。

用JavaScript实现C1GridView的滚动条同步

本文通过JavaScript实现了C1GridView的滚动条进行定位,如用水平滚动条的位置,同步另外一个C1GridView的垂直滚动条位置。

Studio for ASP.NET Wijmo: 设置 C1GridView 选择行头图片

选择 是 C1GridView 最基本的操作之一,选择时 C1GridView 会自动将选择行高亮突出显示效果。但是,有用户向我们询问如何更加突出选择效果。例如在行头中显示“>>”等符号,本篇文章中我们就将阐述如何设置选择行头的图片。

ComponentOne 2013v2.5 Asp.net Wijmo,五步实现一个Web系统主页面

基于“<strong>五步实现系统主页面</strong>”系列文章:<ul> <li>《<a href="http://blog.gcpowertools.com.cn/post/2013/10/21/c12013_v25_demo_mainform_UI.aspx">ComponentOne 2013v2.5 Winforms,五步实现一个系统主页面</a>》 </li> <li>《<a href="http://blog.gcpowertools.com.cn/post/2013/11/01/ASP_net_C1_Wijmo_Web_demo.aspx">ComponentOne 2013v2.5 Asp.net Wijmo,五步实现一个Web系统主页面</a>》 </li> <li>《<a href="http://blog.gcpowertools.com.cn/post/2013/11/08/Silverlight5_CSharp__demo_C1Chart_C1FlexGrid.aspx">ComponentOne Studio? for Silverlight,五步实现一个RIA系统主页面</a>》 </li> <li>《<a href="http://blog.gcpowertools.com.cn/post/2013/11/16/Five_Step_Spread_Winforms.aspx">Spread for WinForms,五步实现一个数据处理系统主界面</a>》 </li></ul>本文实现了一个ComponentOne Asp.net Wijmo版的一个Web系统主页面原型。整个web系统的主页面分为以下5个部分:左侧导航区: C1TreeView 右上角工作区:C1Splitter、C1Input控件 右下角信息呈现区之表格: C1GridView--Excel导出、PDF导出 右下角信息呈现区之图表: C1CompositeChart 右下角信息呈现区之报表: C1ReportViewer