Web表格控件
datagrid控件

datagrid控件DataGrid控件DataGrid控件是一种常用的用户界面控件,用于以表格形式显示和编辑数据。
它是很多图形用户界面(GUI)框架和开发工具的一部分,包括但不限于Java Swing、.NET Windows Forms和Web浏览器中的HTML表格。
DataGrid控件的主要目的是允许用户以易于理解和操作的方式查看和编辑数据。
它通常以网格的形式展现数据,每行代表一条记录,每列代表一个属性或字段。
用户可以通过DataGrid控件的各种交互方式来查看、过滤、排序和编辑数据。
DataGrid控件常见的功能包括以下几个方面:1. 数据绑定:DataGrid控件通常可以与数据源进行绑定,从而自动显示和更新数据。
这样,当数据源改变时,控件会自动更新显示的数据。
通过数据绑定,可以大大简化开发过程,减少手动操作的工作量。
2. 排序和过滤:DataGrid控件通常提供排序和过滤功能,允许用户根据特定的属性或条件对数据进行排序和过滤。
这样,用户可以更快地找到所需的数据,并且可以根据自己的需求进行数据的展示和分析。
3. 编辑和验证:DataGrid控件通常允许用户直接在表格中进行数据的编辑。
用户可以通过单击单元格来编辑数据,然后保存或取消更改。
同时,控件通常支持数据的验证功能,以确保用户输入的数据符合特定的规则和要求。
4. 样式和格式:DataGrid控件通常允许用户自定义表格的样式和格式,包括字体、颜色、边框等。
这样,用户可以根据自己的需求和偏好进行界面的定制,使其更加符合应用程序的整体风格和用户需求。
5. 事件处理:DataGrid控件通常提供一系列事件,以便开发人员能够对用户的操作进行响应。
例如,当用户单击单元格、选择行或保存数据时,控件会触发相应的事件,开发人员可以在事件处理程序中编写代码来执行特定的操作。
总之,DataGrid控件是一种非常有用的用户界面控件,用于以表格形式显示和编辑数据。
SpreadWeb5使用说明

For 5.0 使用指南使用指南简介 1使用指南简介Spread for 是一个综合性的、用于微软.NET平台的 应用程序开发的表格控件。
它集成了丰富的表格功能、工作表功能,并可以与多种数据源进行绑定。
一个Spread控件可以处理多达20亿个工作表,每个工作表可以有20亿行和20亿列,并且支持跨工作表的数据引用和跨工作表的公式引用。
Spread控件已经被业界公认为功能最为强大的表格控件。
Spread在中国也有了超过10年的使用历史,得到了许多软件开发人员的认可。
虽然Spread产品附带了大量的文档和示例代码,但不可否认的是,对于初次接触Spread的中国软件开发人员来讲,有时难免会觉得Spread入门不太容易。
本使用指南旨在帮助软件开发人员较快地了解和运用Spread的常用功能。
开发人员可以在了解Spread整体功能的基础上,循序渐进地学习单元格操作、行列操作和工作表操作。
每个操作都附带了具体的C#和VB代码,读者可以直接运行例子代码进行联系并查看效果。
在表格数据操作的基础上,本指南也针对高级数据操作、图形图表、以及和其他数据格式的交换方面做了进一步的介绍,并且在最后提供了常用词汇的中英文对照表,方便读者查看。
对于项目管理人员和技术主管来讲,通过对本指南中Spread主要功能的概览,可以帮助他们决策Spread是否适合于其项目的需要。
有关Spread产品的更多信息,请访问:Spread 产品网站/powertoolsSpread 技术支持论坛目录使用指南简介 (1)1.从例子入门:创建CHECKBOOK REGISTER (4)1.1添加S PREAD 控件到C HECKBOOK 工程 (4)1.2设置行和列 (4)1.3设置单元格类型 (7)1.4添加公式 (10)2.SPREAD产品介绍 (12)2.1产品概述 (12)2.2基本功能介绍 (13)2.3S PREAD 5.0 FOR 的主要新增功能 (18)3.单元格操作 (20)3.1设置单元格类型 (20)3.2设置单元格的颜色 (22)3.3合并单元格 (23)3.4锁定、解锁单元格 (25)3.5给单元格添加批注 (27)3.6设置公式 (28)4.行列操作 (30)4.1设置行列数 (30)4.2移动行列 (30)4.3调整行高、列宽 (30)4.4冻结行列 (31)4.5使用分组 (31)4.6定制行头、列头的文字 (32)4.7设置多行行头、多列列头 (33)5.工作表操作 (37)5.1使用当前工作表 (37)5.2设置背景色 (37)5.3增加工作表 (37)5.4删除工作表 (38)5.5显示或隐藏工作表 (39)5.6添加标题和子标题 (39)6.高级数据操作 (41)6.1数据绑定示例 (41)6.1.1把Spread添加到一个数据绑定项目 (41)6.1.2设置数据库链接 (41)6.1.3指定需要使用的数据 (42)6.1.4创建数据集 (43)6.1.5把Spread绑定到数据库 (43)6.1.6设置单元格类型,改善显示效果 (44)6.2数据排序 (45)6.3数据过滤 (46)6.3.1使用数据过滤 (46)7.与其他数据格式交互 (47)7.1打开E XCEL文件 (47)7.2保存为E XCEL文件 (47)7.3导出PDF (48)8.SPREAD 5 FOR 中英文术语对照 (50)1. 从例子入门:创建Checkbook Register1.1添加Spread 控件到Checkbook 工程创建一个新的Visual Studio .NET工程并命名为Checkbook。
cellweb表格控件方法

cellweb表格控件方法cellweb表格控件介绍什么是cellweb表格控件?Cellweb表格控件是一种用于在网页中展示和操作数据的控件。
它以表格的形式呈现数据,并提供了丰富的功能和交互方式,让用户能够对数据进行排序、筛选、编辑和导航等操作。
基本用法使用cellweb表格控件非常简单,只需要在HTML页面中引入相关的代码,并按照约定的格式组织数据,即可实现表格的展示和交互功能。
以下是使用cellweb表格控件的基本步骤:1.在HTML页面中引入cellweb的JavaScript和CSS文件。
2.创建一个<div>元素作为表格的容器。
3.编写JavaScript代码,通过调用cellweb提供的API来配置和初始化表格。
可以设置表格的列数、表头、数据等。
4.将表格容器添加到页面中的合适位置,即可展示表格。
配置选项cellweb表格控件提供了许多配置选项,可以根据实际需求进行灵活配置,以实现所需的展示和功能。
以下是一些常用的配置选项:•columns: 配置表格的列数、表头和列属性等。
•data: 设置表格要展示的数据。
可以是静态数据,也可以是动态数据通过AJAX请求获取。
•pagination: 配置是否启用分页功能,并设置每页显示的数据条数。
•sorting: 配置是否启用排序功能,并设置默认排序方式。
•filtering: 配置是否启用筛选功能,并设置筛选条件。
高级功能除了基本的展示和交互功能,cellweb表格控件还提供了一些高级功能,可以提升用户体验和数据处理效率。
以下是一些常用的高级功能:•编辑模式: 允许用户对表格中的数据进行编辑,并提供保存和取消修改的操作。
•导出数据: 可以将表格中的数据导出为Excel、CSV等格式,方便用户在其他平台上使用。
•行选中: 允许用户通过点击行来选中数据,并提供相应的事件回调函数。
•列宽调整: 允许用户根据内容的长度调整列的宽度,以便更好地展示数据。
点聚weboffice 6.0 ASP.NET 在线Word,excel,wps编辑控件

点聚weboffice 6.0 在线Word,excel,wps编辑控件WebOffice是一款由北京点聚信息技术有限公司提供的完全免费(商业用途也免费)且功能强大的在线Word/excel/wps编辑辅助控件,可以实现:1.在线编辑Word、Excel、PPT、WPS... ...2.全面支持MS Office的界面定制,包括对于Office2007的全面支持3.修订留痕4.限制打印、保存、复制5.直接保存到服务器,支持标准Http Post协议6.强大的书签管理7.套红、文档保护8.模板管理9.其他功能扩展点聚WebOffice是基于客户端的ocx控件,它的功能是将Office文档(Word、Excel、WPS)嵌入到浏览器中,并调用Office中各种接口,完成文档编辑工作,然后使用控件的Http 接口模拟表单提交,发送到数据处理页面(此文档举例为saveDoc.asp页,代码见演示文件),完成文档的存档工作。
在本地测试的时后,首先要安装插件和证书WebOffice_Setup.exe和孙小钢.pfx,然后用VS来运行示例,不要直接打开HTML,那样会报错的webOffice控件自动下载是指在打开网页时,网页会自动把webOffice控件下载下来,从而可以将word、excel嵌入到网页中。
控件自动下载的相关代码如下:< object id=WebOffice height=768 width="100%"style="LEFT: 0px; TOP: 0px"classid="clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5" codebase="../js/WebOffice1.ocx#version=6,0,4,0"><param name="_ExtentX" value="6350"><param name="_ExtentY" value="6350">object>上面的脚本意思是:自动更新classid=FF1FE7A0-0578-4FEE-A34E-FB21B277D561 的COM组件,更新地址为../js/WebOffice1.ocx,codebase后的路径为相对路径也可为绝对路径,要更新的最新版本为6,0,4,0。
webform--常用的控件

属性:它拥有Lable所有的属性
OnClientClick:当按钮被点击的时候,要执行的客户端的JS代码。它的触发要在按钮的C#事件代码之前。 5.HyperLink:超链接
属性:它拥有Lable所有的属性
NavigateUrl:超链接指向的地址,相当于href Target:打开位置
ImageUrl:图片超链接的地址
RepeatDirection:布局的方向
RepeatLayout:布局方式
RepeatColumns:一行显示几个
案例: 和Dropdownlist相同
3.CheckBoxList——复选框列表 CheckBox——复选框
1.CheckBox——复选框:属性:checked 是否选中;取值checkbox.text="";
Columns:宽度,以字母个数为单位 Rows:高度,以行数为单位。只有TextMode是MultiLine的时候才起作用。在单行文本或多行文本下是不起作用的。
4.Button——按钮 LinkButton 超链接按钮 ImageButton 图片按钮(ImageUrl属性,需要把图片放项目文件夹中,如果VS没有显示出来,需要刷新下)
} }
法二:数据绑定(用这种简便方法)
1 private void FillList2() 2{ 3 List<QuanxianData> list = new QuanxianDA().Select(); 4 DropDownList1.DataSource = list;//绑定数据源 5 DropDownList1.DataTextField = "Qname";//要显示哪一数据列 6 DropDownList1.DataValueField = "Qno";//要设置一个value值 7 DropDownList1.DataBind(); //最终执行绑定填充,不要漏掉 8} 9 10 11 //linq连接数据库方法 12 13 public partial class _Default : System.Web.UI.Page 14 { 15 protected void Page_Load(object sender, EventArgs e) 16 { 17 testDataContext _context = new testDataContext(); 18 DropDownList1.DataSource= _context.Nation; 19 DropDownList1.DataTextField ="Name";//要显示哪一项内容 20 DropDownList1.DataValueField = "Code";// 21 DropDownList1.DataBind(); 22 //最终执行绑定填充,不要漏掉 23 } 24 }
jsgrid rowrender用法

jsgrid rowrender用法1. 引言1.1 概述在现代的web开发中,数据表格是广泛使用的组件之一。
而JSGrid是一个基于JavaScript的强大表格控件,可以轻松地创建和管理数据表格。
其中的RowRender功能允许我们自定义行的呈现方式,并添加额外的内容或样式,以满足不同需求。
1.2 文章结构本文将详细介绍JSGrid RowRender用法。
我们将首先解释什么是JSGrid RowRender,然后介绍如何使用RowRender功能以及实际应用场景。
接下来,我们将通过两个具体示例展示RowRender的具体应用方法,并分析展示结果和效果。
最后,我们将总结JSGrid RowRender的优势,并提供应用建议和未来发展方向。
1.3 目的本文旨在帮助开发人员了解和掌握JSGrid RowRender功能的使用方法。
通过学习本文内容,读者将能够更好地利用该功能在JSGrid中自定义行的呈现,并根据实际需求添加自定义内容或样式。
同时,本文也旨在激发读者对于进一步运用RowRender功能、扩展其潜力以及挖掘更多可能性的兴趣。
2. JSGrid RowRender用法2.1 什么是JSGrid RowRenderJSGrid是一个功能强大的JavaScript表格插件,用于在Web应用程序中展示和编辑数据。
RowRender是JSGrid提供的一个功能,允许我们自定义每一行的渲染方式。
通过使用RowRender,我们可以灵活地控制每一行的显示样式、内容以及其他需要自定义的元素。
2.2 使用RowRender的步骤为了使用JSGrid RowRender,我们需要按照以下步骤进行操作:步骤一:创建一个RowRender函数首先,我们需要创建一个JavaScript函数来定义RowRender。
这个函数将会处理并返回每一行要显示的内容和样式。
步骤二:将RowRender函数应用到JSGrid中接下来,我们需要将RowRender函数应用到JSGrid中的rowRenderer属性上。
cellweb表格控件方法(一)

cellweb表格控件方法(一)cellweb表格控件使用指南介绍cellweb表格控件是一款强大的用于创建和管理网页表格的工具。
它提供了丰富的功能和灵活的配置选项,使得用户可以轻松地创建出美观且高度可定制的表格。
安装使用cellweb表格控件非常简单,只需要按照以下步骤进行安装和配置即可:1.下载cellweb表格控件的最新版本。
2.将下载的文件解压缩到你的项目目录。
3.在HTML文件中导入cellweb表格控件的脚本文件。
基本用法cellweb表格控件提供了多种方法用于创建、修改和展示表格。
以下是一些常用的基本用法:•使用new Table()创建一个新的表格对象。
•使用.addColumn()方法来添加列。
•使用.addRow()方法来添加行。
•使用.setData()方法来设置表格数据。
•使用.render()方法来将表格渲染到HTML页面中。
以下是一个示例代码,展示了如何使用cellweb表格控件创建一个简单的表格:// 创建一个新的表格对象var table = new Table();// 添加列table.addColumn("姓名");table.addColumn("年龄");table.addColumn("性别");// 添加行table.addRow(["张三", 25, "男"]);table.addRow(["李四", 30, "女"]);// 渲染表格table.render("table-container");高级用法除了基本用法之外,cellweb表格控件还支持许多高级功能和配置选项。
以下是一些常用的高级用法:•使用.setHeaderStyle()方法来设置表头样式。
•使用.setCellStyle()方法来设置单元格样式。
c1flexgrid 手册

C1FlexGrid 是一款功能强大的表格控件,它提供了丰富的功能,使得在 Web 应用程序中实现表格的显示、编辑和操作变得更加简单。
C1FlexGrid 提供了创建表格、设置属性、数据绑定、格式化单元格和事件处理等功能。
用户可以通过简单的拖拽操作来创建表格,并使用内置的属性窗口来设置表格的外观和行为。
此外,C1FlexGrid 还支持数据绑定,可以将数据源绑定到表格中,实现数据的动态显示和编辑。
C1FlexGrid 的应用场景非常广泛,可以用于各种需要展示和编辑表格数据的 Web 应用程序。
例如,它可以用于实现数据库管理、报表生成、数据分析等应用。
总的来说,C1FlexGrid 是一款非常优秀的表格控件,它具有丰富的功能和灵活的定制能力,可以满足各种不同的需求。
无论是初学者还是专业开发者,都可以通过C1FlexGrid 来快速构建出高质量的 Web 应用程序。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
神农氏软件公司开发的SmartGrid for 控件,网站/
网上有详细的控件介绍,
可以在线试用、体验控件:/demo/smartgrid/index.htm
图例
图例
简介:
编辑功能
•支持三种编辑模式。
① Edit 模式:鼠标单击时单元格进入编辑状态。
② Active 模式:鼠标单击时单元格进入 Active 状态,用户按下空格键后进入编辑状态,或鼠标双击时单元格进入编辑状态。
③ Fast 模式:鼠标单击时单元格进入 Active 状态,用户按下空格键后进入编辑状态,或鼠标双击时单元格进入编辑状态。
在当前单元格为编辑状态时,用户按下回车键后,下一个单元格进入编辑状态。
•客户端添加、删除行。
用户可以在客户端进行添加、删除和编辑多行的操作,保存时一起提交,无需每次添加、删除行时都要提交到服务器端进行处理。
•行的编辑状态。
在纯 B/S 结构的 Web 页面中, SmartGrid 能够在页面的多次 Round Trip 中保存行的编辑状态(新增、修改、删除、未改)以及行的原始数据,这些状态在 SmartGrid 的数据源没有被重新赋值前一直在 SmartGrid 中保持。
•固定合计行。
在纯 B/S 结构的 Web 页面中,实现了在有固定列的表格中对合计行进行固定。
合计行中的数据是对表体行中相应列数据的合计,且该行不会随表体行的滚动而滚动。
•自动增加行。
在编辑过程中,用户在最后一行的最后一个单元格上回车时,自动增加一行(如果程序员设置允许 SmartGrid 增加行)。
•支持新增行从上一行拷贝数据。
程序员可以设置新增行中哪一个单元格的数据可以从上一行拷贝。
•支持程序员对新增行的数据进行初始化。
•在编辑状态下,支持客户端列间计算。
在纯 B/S 结构的 Web 页面中,实现了 Grid 中多个单元格之间的运算关系。
•支持程序员修改单元格的编辑状态。
在编辑的过程中, SmartGrid 支持程序员根据业务逻辑来设置某个单元格为允许编辑或禁止编辑。
•支持数据多种编辑方式。
SmartGrid 支持参照编辑、 Combox 编辑、CheckBox 编辑、日期编辑、 Button 等多种编辑方式,开发者也可以定义自己的列编辑器。
•支持程序员对编辑器的各种事件进行处理。
如初始化、校验等。
•数据校验。
支持程序员在客户端对所输入的数据进行校验,无需向服务器提交校验,大大减少了向服务器提交数据的次数。
•自定义数据校验。
支持程序员定义的自己的校验方法。
•错误提示。
当用户输入错误或无效数据时,支持程序员提示错误信息。
•全键盘操作,即强大的客户端键盘导航。
SmartGrid 提供了异常强大的快捷键功能,无需鼠标参与,即可方便地完成全部操作。
用户通过键盘可方便快捷地对表格中的数据进行编辑。
例如,同时按下“ALT+I” 键插入一行,或同时按下“CTRl+D” 删除一行;用方向键使光标在单元格之间上下左右移动,或用“HOME” 或“END” 分别激活某行中位于行标题后的第一个或最后一个单元格,等等。
用户界面
•固定表头。
表头行不会随表体数据行滚动而滚动。
•多行表头。
即表头可以有多行。
•行头。
位于其他单元格的前面,显示行索引、单击时选择当前行。
•合计行。
该行中的数据是其它行相应单元格中数据的合计,且该行不会随表体中其它行的滚动而滚动。
•固定合计行技术。
在纯 B/S 结构的 web 页面中,能够实现 Grid 中合计行的固定。
•合计行金额大写。
程序员可以设置合计行金额单元格为中文大写。
•固定列。
列不会随表体数据的滚动而滚动。
•移动列。
用户可以通过拖放列头来改变列的位置。
•修改列宽。
用户可以通过拖动的方式修改列的宽度,程序员也可以锁定某列的列宽。
•锁定指定列宽。
•列类型。
SmartGrid 定义了普通列、文本框列、复选框列、下拉列表框列四种列类型,程序员也可以定义自己的列类型。
•排序。
用户可以通过点击列头对某列进行排序。
SmartGrid 提供了两种排序方式:① 客户端排序。
当用户单击列头时,基于客户端的数据按升序、或降序进行排序;② 服务器排序。
当用户单击列头时,排序事件触发到服务器端,程序员可以在服务器端响应排序事件。
•显示 / 隐藏列。
程序员可以通过设定列的可见属性来实现列的显示与隐藏。
•状态条。
用来显示 SmartGrid 的当前操作信息, SmartGrid 也为程序员在客户端脚本中操作该状态条提供了接口。
•命令条。
命令条上提供了行插入、删除、编辑、取消等操作的按钮,用户可以非常简洁的执行这些操作。
•自动提示条。
当单元格的字符长度大于列宽时,文本会自动适应列宽(多出部分以“…”显示),在鼠标悬停时显示完整单元格内容。
•自定义定位。
程序员可以自定义自己的定位逻辑。
•分页、自定义分页。
除了 SmartGrid 提供的分页方式外,用户还可以定义自己的分页方式。
•分页导航条。
SmartGrid 分页导航条不仅包括“首页”“上一页”“下一页”和“末页”按钮,还可以输入数字跳到任一页。
分页导航条的位置可置于Grid 的上方或下方,也可以同时出现在 Grid 的上方和下方。
除此之外,分页导航条的按钮在分页导航条中可以“左对齐”“右对齐”或“中间对齐”。
•自定义样式。
程序员可以使用 SmartGrid 自带的样式定义文件
( SmartGrid.css ),也可以禁止使用缺省的样式文件,而使用自己的样式定
义。
开发者也可以对样式文件中的 class 重新命名(具体参见 SmartGrid 的样式 class 属性如: SelectedCellStyleName )。
其他特点
•懒加载(LoadOnDemand)。
懒加载是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。
•数据源支持。
SmartGrid 支持 DataSet 、 DataTable 、 XML ,以及实现IDataReader 的 DataReader ,如 SqlDataReader 、 OracleDataReader 、OleDbDataReader
•设计期支持。
SmartGrid 对 Visual 2003 提供了非常好的设计期支持,开发者可以通过 设计器添加删除列、设置列的属性,以及设置Grid 的属性。
•行选择方式。
SmartGrid 提供了三种行的选择方式:① 无选择,即不允许用户进行选择;② 单行选择方式;③ 多行选择模式。
在多行选择方式下,用户可以通过 SHIFT+ 方向键或鼠标进行连续选择,也可以通过 CTRL+ 方向键或鼠标进行不连续选择。
•脚本编程。
SmartGrid 提供了大量脚本编程接口,如用户的双击、单击事件、右键事件、回车事件、行增加事件、行删除事件、懒加载事件以及获取用户选择的数据、操作单元格的数据等。
•格式化。
SmartGrid 对文本、日期、数字、百分比提供了缺省的格式化方法,程序员也可以定义自己的格式化方法。
•检索。
SmartGrid 提供了三种检索方式:① 对客户端已有的数据进行检索;
② 在服务器端对所有的数据进行检索;③ 用户自定义检索方式。