WPS表格中控件工具箱的用处

关键词： 列表 表格 控件

WPS表格中控件工具箱的用处（精选6篇）

篇1：WPS表格中控件工具箱的用处

主要步骤如下：

1、准备好将要插入的Flash动画素材，我要插入的动画素材是C盘根目录下的“精美时钟.swf”。

控件工具

2、运行WPS表格后，在常用工具栏的空白处单击鼠标右键，在弹出菜单中点击“控件工具箱”。

再单击“控件工具箱”中的“其他控件”按钮，在弹出的下拉列表中拖动滚动条找到Shockwave Flash Object选项后，单击该选项。

3、此时鼠标指针会变成十字形，在WPS表格的编辑区拖动鼠标中画一个大小合适的矩形，插入的Flash动画将会显示在这个矩形范围内，

4、在画出的矩形上单击鼠标右键，在弹出菜单中单击“属性”，弹出“属性”对话框，在“Movie”选项右侧输入Flash动画的地址与名称：C:精美时钟.swf，然后再在“EmbedMovie”右侧显示的“False”上单击，看到向下的黑色三角箭头后单击鼠标，将参数改为“True”。

表示将Flash动画嵌入WPS表格文件中。单击“控件工具箱”中的“设计模式”按钮退出设计模式，瞧，Flash动画已经开始播放了。

5、如果需要调整Flash动画的显示区域大小，只需再次 单击“控件工具箱”中的“设计模式”按钮进入设计模式，用鼠标拖动播放区域周围的控制点即可。

以上就是在WPS表格中插入Flash动画的步骤，主要准备好插入Flash的素材，然后找到控件工具箱进行插入，之后就是对控件进行修改。而用相同的方法也是可以将其他格式的多媒体文件插入WPS表格中。

篇2：WPS表格中控件工具箱的用处

第一步，利用常用工具栏上的“插入表格”工具插入一个2行20列的表格，选中第一行，将文字大小设置为5号字，再通过“格式”菜单，将行间距设置为“单倍行距”，并使“如果定义了文档网格，则与网格对齐”处于未选中状态，确定，

第二步，仔细调整单元格大小，使之看起来比较美观(即使每个单元格都大小一致，并基本呈正方形)。

第三步，将第二行所有单元格合并为一个单元格，把光标置于单元格中，将字号设置为7号或更小，调整单元格的高度，使之为第一行高度的1半左右。

第四步，将表格线的颜色设置为绿色(如果是黑白试卷，则不需此步)。

第五步，全选整个表格，复制，将光标置于表格下面的一行，反复粘贴，即可生成连续的稿纸格式。

热门推荐：教你几招判断系统是否被流氓侵犯多窗口浏览器Opera 9.0新版怒放

点击阅读更多学院相关文章>>

篇3：WPS表格中控件工具箱的用处

关键词：WPS电子表格,数据透视表,医学工程科,保障服务

0前言

目前, 我院医学工程科记录设备维修、日常维护、质量控制等保障服务信息时, 普遍采用维修保障后先做纸质记录, 再由专人负责录入计算机数据库系统的方法。这种二次录入方法, 不但降低了工作效率, 也容易造成记录信息的不规范、不准确, 尤其是当一线工程师在工作任务重、时间紧的情况下, 很难保证及时详细地记录信息。以上这些问题, 造成医工科在绩效考核、维修数据统计、工作计划制定等方面缺少准确详实的原始数据做分析, 制约了医工科保障服务水平的提高。虽然目前一些公司针对这种情况提出了便携式医疗设备管理方案[1,2], 但由于这些系统软硬件设备初期投入成本高, 难以在一些中小型医院中普及使用。因此, 为了降低管理成本并提高医工科工作记录效率, 本文尝试使用电子表格的方式记录工程师服务保障信息。

近几年随着智能手机的普及, 移动操作系统的完善, 之前在PC端流行的办公软件也逐渐在智能手机上使用。无线网络的发达, 共享软件及网络存储空间的普及, 为实现云办公提供了可能。电子表格, 即Excel, 除了能够对日常工作信息进行逐项记录外, 还自带了一些强大的数据处理分析功能, 已普遍应用于医工科日常数据记录及管理[3,4,5,6]。目前国产的WPS表格无论在PC端还是在安卓系统上, 都可以免费使用, 且与Excel兼容[7]。本文主要以WPS为例子, 阐述具体的表格设计及如何在工作中利用电子表格来提高工作效率。

1 服务保障记录电子表格的设计

我们根据医学工程科设备服务保障工作分类, 按照现有纸质记录表内容 (表1) , 分别制定了维修记录表、PM记录表、质控记录表。同时, 为了规范输入数据, 还建立了参数表;为使用WPS表格自带的查找函数, 简化输入内容, 建立了“科室对应工程师”工作表。从医院设备管理系统导出“设备信息表”, 就可根据设备编号查找设备的详细信息。

1.1 建立参数表

为了保证每次录入表格的数据符合一定的规范, 我们充分利用了WPS表格提供的数据有效性 (图1) 。通过限制数据有效性, 可以强制要求单元格内容必须来源于某一序列, 如工程师姓名必须来源于医工科工程师人员序列, 科室名称必须来源于医院科室序列。建立包含这些设定好的序列内容工作表, 即为参数表[8]。利用数据有效性, 除了能够自动检查输入内容, 找出不符合要求的内容进行出错警告, 还会在选中单元格时, 出现下拉箭头及列表框 (图2) , 实现自动输入功能, 减少工程师手动输入数据的繁琐, 降低了输入时的错误率。

1.2 建立数据查找工作表

为了使用WPS表格自带的VLOOKUP查找函数[9], 简化输入内容, 建立了数据查找工作表——“科室对应工程师”工作表, 在该工作表中, 我们首先输入一列医院科室名称数据, 再根据科室分管情况, 输入对应的工程师名称 (图3) , 建立科室与工程师的对应关系。用同样方法建立“设备信息表”, 实现设备编号到设备详细信息的索引。

1.3 制作服务保障记录表

以维修工作记录表为例, 介绍建立记录表过程。

1.3.1 确定记录表字段

按照表1所示的科室现有纸质记录表格样式, 通过提取其数据字段, 并按照工程师习惯的数据记录次序进行组合, 建立维修记录表 (图4) 。其中, 左侧部分为工程师手动输入部分, 如“科室”“设备编号”“故障类型”“日期”等;右侧部分为利用函数自动计算出的内容, 如“设备分类”“设备名称”“工程师”等。可通过VLOOKUP查找函数在“设备信息表”提取数据;“工时”可通过时间函数自动计算“结束时间”和“开始时间”的间隔, 无需工程师手工填写。

在“工程师”一列中, 输入函数“=VLOOKUP (A2, 工程师对应科室表!$A$2:$B$50, 2, 1”, 即可找到科室对应的负责工程师并自动填写;在“工时”一列中, 输入函数“=MOD (F3-E3, 1) *24”即可返回两个时间之间相差的小时数。

1.3.2 限制输入内容

为保证工程师手动输入内容的准确, 利用WPS表格自带的“数据有效性”功能对手动输入的内容进行验证和限制, 如将“科室”字段的内容限制为参数表中的“科室”序列, 将“故障类型”字段的内容限制为硬件故障、软件故障、使用问题及其他。设置日期、时间的单元格格式分别为日期类型和时间类型, 防止格式不统一, 造成统计数据困难。此外, 为了防止工程师事后补做记录, 督促工程师及时完成设备维修记录, 可以在“日期”字段的H列设置数据有效性为自定义的公式“=H1=TODAY () ”, 强制输入数据为当天的日期。

1.3.3 限制修改部分内容

为防止他人对设计好的工作表字段分类及格式进行修改, 可通过“保护工作表”功能进行限制 (图5) , 这样每个工程师就只能按照设计好的表格样式进行填写内容, 防止汇总数据时出现格式不一致的情况。

2 服务保障记录表的使用

以维修记录表工作为例。随着目前智能手机的普及, 基本上科室每位工程师都有安卓或苹果的智能手机或平板电脑, 这些手机上都可以安装移动版的WPS工作软件, 将我们编制好的工作表拷入每位工程师的手机或平板电脑中, 在日常工作中, 可以随时对工作内容进行记录。

3 汇总统计分析记录的数据

3.1 汇总记录数据

为了将各工程师提交的电子表格进行汇总, 我们编写了VBA函数[10], 将所有工程师在一段时间内提交的所有电子表格放置在一个文件夹中, 并在该文件夹中新建一个空白的汇总记录表, 运行该函数, 即可将所有的工作表汇总到一个新的工作表中, 方便进行下一步数据统计分析处理。

3.2 统计分析记录数据

同Excel一样, WPS表格也提供了数据透视表功能, 通过设置数据透视表的行字段、列字段以及数据字段, 可以得到不同的统计结果[11]。如要得到某一个月内每个临床科室设备维修数, 可以将行字段设置为“科室”, 列字段设置为“设备类别”, 数据字段也设置为“设备类别”, 则WPS会自动按科室以及设备类别进行计数统计。要得到某一个月内每个工程师的维修工作时间, 作为绩效考核的一个依据, 可以将行字段设置为“工程师”, 数据字段设置为“工时”, 则WPS会自动对每个工程师的维修工时进行统计。此外, 还可以利用数据透视图功能绘制数据统计图, 利用显示明细数据功能自动生成一个新的工作表, 显示某一字段的详细信息, 避免人工筛选的复杂操作。

4 结语

本文介绍了一种利用WPS表格制作医学工程科保障服务记录表的方法, 该方法能够基本满足科室日常工作记录需要, 并具有一定的统计分析功能, 且推广成本低, 可以方便在中小型医院实现记录信息的数字化。该方法还可以在手机或平板上实时记录服务保障信息, 充分利用了工程师现有设备, 保证了信息的及时性、记录的准确性, 具有一定的推广应用价值。

参考文献

[1]毛中亮, 史鸿飞, 应俊, 等.基于Android平台的移动医疗应用系统[J].中国医疗设备, 2013, 28 (3) :73-76.

[2]张致欢.基于Android系统的平板电脑在医院无线移动查房的应用及优势[J].信息系统工程, 2011 (6) :45-46.

[3]陈翠玲.Excel在医疗设备计量管理中的应用[J].医疗装备, 2009, 22 (5) :48-48.

[4]林峰.Excel VBA在医用耗材库房管理中的应用[J].中国医疗设备, 2013, 28 (6) :46-48.

[5]刘涛.医院供应室管理系统的设计与实现[J].数字技术与应用, 2012, (7) :134.

[6]王光伟, 徐静, 吴咏梅.医院大型设备使用效益分析Excel模型设计[J].中国管理信息化, 2011, (16) :35-37.

[7]金山公司.WPS Office实战技巧精粹[M].北京:人民邮电出版社, 2012.

[8]伍昊.你早该这么玩Excel[M].北京:北京大学出版社, 2012.

[9]王国胜, 李春晓.Excel 2010公式与函数辞典[M].北京:中国青年出版社, 2012.

[10]John Walkenbach.中文版Excel 2010高级VBA编程宝典[M].冉豪, 等, 译.北京:清华大学出版社, 2012.

篇4：WPS表格中控件工具箱的用处

1 各种数字表格控件的特点

1.1 “DBGrid”数据表格控件

“DBGrid”数据表格控件是初学者常用的控件之一, 控件全称是“Microsoft Data Bound Grid Control 5.0 (SP3) ”, 控件的使用需在“部件”内添加控件文件“DBGRID32.ocx ”。其使用的数据源是“Data”控件 (“Data”控件是VB的常用控件, 位于默认选项卡工具箱中) 。 “Data”控件是常用控件, 使用简单, 对于初学者易上手, 但它在使用中存在一定的局限性, 主要体现在: (1) 在实际的程序编写过程中, 可使用的数据库及连接方式非常丰富, 而“DBGrid”数据表格控件能够使用和连接的数据库却只有Access, 这种功能的局限性很大程度上限制了该控件的实际应用; (2) DBGrid功能相对较少, 对列、行仅提供一些简单操作, 对于复杂表格编程和大项目表格编程显得力不从心, 从而导致DBGrid控件只是在一些对数据表格功能要求简单的程序中出现, 比如用在本地小规模的Access数据库程序调用中。

1.2 “DataGrid”数据表格控件

“DataGrid”数据表格控件是编程人员常用的数据表格控件之一, 在程序编写的过程中被广泛使用。控件全称是“Microsoft DataGrid Control 6.0 (SP6) (OLEDB) ”, 其使用的数据源可以是“Adodc”控件, 也可以是数据环境“DataEnvironment”。“Adodc”是连接数据库的常用控件之一, 其支持的数据库较多, 基本包括了实际编程中常用的各种数据库, 如“Oracle”、“SQL Server”等等, 由于数据源功能比较强大, 数据表格的功能也相应增强, 因此其适用的范围比“DBGrid”控件要大得多, 在程序编写过程中被编程人员广泛使用, 但是, 经常使用“DataGrid”控件的编程人员也知道, 它最大的缺陷就是所能够提供的行和列的可操作性功能太弱。

1.3 “MSFlexGrid”数据表格控件

“MSFlexGrid”数据表格控件的控件全称是“Microsoft FlexGrid Control 6.0 (SP6) ”, 其不能使用“Adodc”控件作为数据源, 这一点就表明这个控件本身具有类似“Data”控件的局限性, 从它的名字也能看出, 它不属于“OLEDB”控件范畴。但是, “MSFlexGrid”数据表格控件对表格行和列的可操作性功能非常强大, 它可以通过控件本身对数据表格进行显示操作, 而不像前面两个控件必须通过修改数据源的数据属性来控制显示。同时“MSFlexGrid”数据表格控件在显示样式上也更丰富一些, 这样, 我们就可以获得显示数据合计行, 并进一步得到个别行集合的小计显示。

1.4 “MSHFlexGrid”数据表格控件

“MSHFlexGrid”数据表格控件的控件全称是“Microsoft Hierachical FlexGrid Control 6.0 (SP4) (OLEDB) ”, 控件可以使用“Adodc”控件或数据环境“DataEnvironment”作为数据源, 可以说它集合了“MSFlexGrid”数据表格控件和“DataGrid”数据表格控件的优点, 既可以支持各种数据库、ODBC, 又能方便的对行和列进行操作, 数据显示样式也非常丰富, “MSHFlexGrid”数据表格控件已成为程序编写中的主流控件。

各种控件基本功能情况对照见表1。

2 数据表格控件的操作使用技巧

我们用“MSHFlexGrid”数据表格控件来实现如何显示合计行、如何分段显示小计, 以此为例来论述数据表格控件使用中的一些技巧。

2.1 显示合计行

由于“MSHFlexGrid”数据表格控件可以在表格中增加行, 所以使增加合计行可以实现。方法是先计算出要合计的列的合计值, 再在“MSHFlexGrid”数据表格控件增加一行, 填入需要的合计及合计值数据, 实现合计行。在实现过程中, 要用到“MSHFlexGrid”数据表格控件的“Rows”、“TextMatrix”属性和“AddItem”方法。

Rows属性是返回当前表格的所有行数。

TextMatrix (x, y) 属性是返回或更改第x行第y列数据。

AddItem方法是增加一行。

以合计第j列为例, 基本算法如下:

Dim HJ As Long

HJ = 0

With MSHFlexGrid1

For i = 1 To .Rows - 1

If .TextMatrix (i, 2) <> "" Then HJ = HJ + .TextMatrix (i, 2)

Next

.AddItem ""

.TextMatrix (i, 1) = "合计"

.TextMatrix (i, 2) = HJ

End With

需要注意的是, 循环前必须将计算合计的变量“HJ”清零, 既保证在循环时不会带值进入循环, 同时要保证其是数字变量, 不然合计就会变成各子项的字符整合。当然在实际编程时要加上容错语句, 防止数据计算时出现异常。数据合计增加完成后, 不能再调用数据源的刷新和数据变化, 否则合计显示将被恢复, 如果在实际编程过程中需要数据源更新或刷新, 可将上述过程写入单独过程, 每次更新或刷新数据源时重新调用该过程。

2.2 分段显示小计

在实际使用当中, 我们有时还需要在每几组数据下面显示小计, 需要注意的是, “AddItem”方法只是在表格最下面增加一行, 由于小计不止一行, 这样做会使数据表格下面增加很多行, 需要进行行控制来实现此项功能。这里要用到“MSHFlexGrid”数据表格控件一个新的方法“Sort”, “Sort”方法的主要功能是排序, 即实现表格数据按某一列值大小来排序, 其使用格式是MSHFlexGrid.Sort=x, 其中x表示排序方式, 具体值的范围和功能见表2。

另外注意在排序前先使用MSHFlexGrid.Col=y指定组序号列, y值为列号。

要做到如图1所示的小计效果, 分如下几步来实现:

(1) 对组序号进行排序;

(2) 计算出每组数据的小计值;

(3) 在底部加入组个数的行, 分别在每行填记需要的字符、合计数值, 并在组号列填入组数“[组号数值].1” (此项内容很重要, 主要是为确保小计行在排序时能插入相应组数据结尾) ;

(4) 对组数值列进行排序。

实际过程中 (2) 、 (3) 项同时进行, 流程如图2所示。

3 结语

数据表格在编程中应用非常灵活, 使用什么样的数据表格, 要根据具体达到的效果而定。

摘要：根据笔者的编程实践经验, 就各种常用的数据表格控件的特点做了详细地比较分析, 并以实例说明了具体控件的使用技巧, 可供编程人员作为参考。

关键词：数据表格控件,特点,使用技巧

参考文献

[1]罗朝盛.VISUAL BASIC 6.0程序设计实用教程[M].北京:清华大学出版社, 2008.

[2]郭圣路.VISUAL BASIC 6.0中文版从入门到精通[M].北京:电子工业出版社, 2008.

[3]黄冬梅.VISUAL BASIC 6.0程序设计案例教程[M].北京:清华大学出版社, 2008.

篇5：WPS表格中控件工具箱的用处

开发环境:VS2010 C#, Access, DevExpress控件包V10.1.5。

示例软件运行环境:.netframework2.0, windows xp/windows2003/windows7/Access2003。

要实现用户界面的个性化定义, 不妨来看看通常需要考虑哪些因素是必要的。第一, 既然是用户个性化设置, 自然少不了用户姓名 (或用户账号) ;第二, 目前绝大多数软件都有一套权限机制, 自定义用户界面作为涉及到系统级的设计, 自然也少不了权限的机制;第三, 对于软件开发而言, 一个窗体经过处理从而作为多种应用界面的情况屡见不鲜 (这也是软件设计中的一个基本方针了) , 所以, 自定义用户界面数据的存储、应该考虑的是最终呈现给用户时显示的窗体标题而不是设计期间的窗体名称;第四, 既然是要保存XtraLayout的界面设置信息, 需要知道保存的是哪一个XtraLayout, 也就是控件的名称。有了这些因素, 就可以来设计需要的用于保存界面设置信息的数据库表结构了, 如表1所示。

有了以上的信息, 就可以以此建立需要的数据表了, 详细的建表脚本这里就不说了, 示例程序中有Access数据库, 表名称为:Sys_UIStream, 读者可自行查看。

准备好了数据库, 来看看XtraLayout控件是否能满足需要。XtraLayout控件有一个保存的方法, 在代码智能提示中可以看到该方法的3个重载:

layoutControl1.SaveLayoutToXml (string sXMLFileName) ;———保存Layout布局到XML文件。

layoutControl1.SaveLayoutToRegistry (string sRegPath) ;———保存Layout布局到系统注册表。

layoutControl1.SaveLayoutToStream (myStream) ;———保存Layout布局到内存流。

考虑到要求, XML和注册表的方法放弃, 内存流是无法直接写入到数据库的, 不过可以把内存流数据转换成长字符串 (ToBase64String) , 这样就可以顺利写入数据库了。有了这样的分析结论, 首先用代码来实现内存流写入数据库的部分功能:

界面层按钮事件开始自定义布局按钮:

保存界面和加载界面按钮:

示例项目运行界面如图1所示。

点击“开始布局”按钮之后, Layout中的控件均可以随意拖动位置或者设置为隐藏, 并可以修改界面上的文本显示信息, 如图2所示。

加载“张三布局”之后的运行界面如图3所示。

细心的读者可能留意到一个问题:在前面分析问题的时候, 提到了权限和用户两个要素, 但上面的实现方法中并没有给出明确的应用, 这是因为本演示代码仅仅是从实际项目中抽取出来的, 本着简洁明了的出发点, 并没有加入完整的权限模块。读者在实际的应用中, 可以把用户账号和权限标识加入到读取和写入的方法中去, 就完整实现了上面分析的应用。

篇6：WPS表格中控件工具箱的用处

指标系统采用MVC Model2方法开发,其表现层采用JSP结合Ext Js技术实现。在业务数据显示方面,用户提出了应用树形表格(tree Grid)实现。虽然tree Grid是Wed应用中常见的一种数据表格展现形式,但Ext2.0中没有成熟的tree Grid控件,其examples中给出了基于tree Panle的仅能显示两层数据结构的Column Tree[1],不能满足需求。Maxim G.Bazhenov开发了基于Ext2.0 Grid的ux.maximgb.tree Grid控件,能实现多层结构的tree Grid,但应用该控件的数据表格展开每一层数据均需刷新整个表格,界面不够友好。

鉴于此,对Ext2.0表格控件Grid进行研究,通过自定义的渲染函数、节点函数、数据加载函数和数据处理函数,实现无层级限制、页面局部刷新的数据动态加载和界面友好的tree Grid页面,为指标系统的开发提供较好的页面技术支持。

2 Tree Grid页面渲染

Tree Grid的展现包括数据记录的树形结构显示和树形节点的展开、收缩,分别通过自定义的渲染函数和节点函数来实现。

2.1 渲染函数的构造

在Ext2.0中,Grid的装配必须要定义列信息即Column Model。通过对API的研究发现,Column Model提供了renderer属性,该属性提供了能返回HTML或格式化的CSS字符串的函数。因而,在设计tree Grid时构造树形结构渲染函数,重载renderer属性,实现页面表格第一列的单位元格按树形节点要求显示数据,而如何构造返回的HTML是关键所在。

应用Fire Fox浏览器对Ext tree Panel的结构进行研究,如图1所示,四个蓝框加载了空白占位图s.gif,3个红框按需求分别加载了arrows.gif、folder Open.gif和leaf.gif。对图1分析得出,应用s.gif的可体现数据的层次性,其加载的数量可由_level值来确定;应用arrows.gif、folder Open.gif和leaf.gif可表现数据的节点性,可利用_is_leaf值来确定。因此,返回的HTML中按要求加载上述图形和需显示的内容即可实现树形结构的展现。

综合上述两点设计思路,构造了tree Grid的渲染函数Renderer,关键代码如下所示,其中class为自定义的CSS。

业务数据页面应用渲染函数后,其展现形式如图2所示。

2.2 节点函数的构造

Tree Grid还涉及节点记录的展开与收缩,该功能实现的难点在于如何按要求显示或隐藏单击节点记录的子节点记录,Ext2.0中没有提供现成的方法,需构造函数来实现。

应用Fire Fox浏览器的Fir Bug插件对Ext grid的结构进行分析发现,Grid中的每一行均由一div来定义,如图3中上下对应的两蓝条框所示。Div有众多的属性,其中,对div style的display属性赋值“none”和“block”可以控制div的可见性。因此,在tree Grid中通过对行的display属性赋值来显示或隐藏各行,即应用grid.get View().get Row(index Row).style.display来实现。对于单击节点的子节点可应用Store的query By()方法以parent ID值来查找。

综合上述分析,构造的节点函数如下:

3 Tree Grid页面数据处理

完整的业务表格数据记录有1000多条,一次性加载至tree Grid中反应较慢,需考虑动态加载数据。加载完1000多条数据记录后,对grid进行添加、修改、删除等操作性能不佳,因而需考虑tree Grid中存储和显示最大数据量的问题,这就涉及到对加载数据的处理。

3.1 数据加载函数构造

在Web应用中,可采用分页的方式来实现数据的动态加载,但这对于tree Grid的显示是不适用的。树形结构有节点展开与收缩的特性,可在展开节点时加载数据。然而,tree Grid动态加载数据时存在着如何将新加载的数据显示至正确位置的问题。

Ux.maximgb.tree Grid控件是以“_lft”值和“_rgt”值来确定数据记录显示的位置,这两个值需在后台运用二叉树或其它方法即时计算得出,这给开发带来一定的难度。在前台,每加载一次数据均需根据“_lft”值和“_rgt”值进行调整显示顺序,虽然页面没有刷新,但整个数据表格需刷新,用户体验达不到要求。

通过对Store的研究,确定了数据加载的方法。其设计思路是,构造两个Store实例,一个用于Grid的数据显示,一个用于同后台进行交互,通过callback函数将两个实例装配一起,并应用Store的insert()方法将加载的数据按要求导入至Grid中。构造的函数关键代码如下,其中store Memory装配至Grid用于显示数据,store SX用于同后台交互:

}

"anode":anode},

//将数据记录导入至grid中

}

record Click.commit();load Data Set=true;

}

}

应用该函数有两个关键,一是向后传递的父记录ID的确定,二是插入数据的位置参数的确定,这里通过的Grid的cellmousedown事件确定,即grid.on("cellmousedown",function(Grid,row Index,column Index,e)。应用该函数后,既实现了数据的动态加载问题,满足性能需求,又解决了ux.maximgb.tree Grid控件刷新数据表格的问题,达到了用户体验要求。

3.2 数据处理函数构造

通过实验,当Grid中加载过多的数据记录后其应用性能有较大的下降,另外,用户在同一时间能浏览和处理的数据是有限的。因此,从应用性能和应用需求考虑,tree Grid加载数据时应用及时清理过多的数据记录。经过多次试验,tree Grid以tree Panle中的single Expand形式展开,即展开一节点时将其他的节点收缩,设置节点收缩事件(collapse),应用Store的remove()方法将收缩节点的子节点记录从Store中删除,保证Store中的数据处于合适的量值。构造的函数关键代码如下:

(index Remove Record);//需删除节点的父节点

(store Memory,parent Record);//获取子节点(略)

//删除子节点

}

}}

4 结语

以Ext2.0 Grid为基础,应用构造的渲染函数、节点函数、数据加载函数和数据处理函数分别解决了数据表格树形结构的展现、节点记录的展开收缩、符合显示要求的数据动态加载、数据表格记录总量的控制等问题,实现了应用性能较好、显示美观和易于操作的tree Grid页面,在指标系统的开发中,得到了较好的应用。

参考文献

[1]Jack Slocum.Ext 2.0 API Documentation.http://www.extjs.com/.

[2]王一峰.ExtJS2.0客户端调用Rails的REST[J].网络与通信,2008.