EJS TreeGridHTML表格组件

联合创作 · 2023-09-22 16:03

EJS TreeGrid是用纯JavaScript 编写的DHTML组件,它可以在HTML网页上显示和编辑表格,网格,树状视图或树型网格中的数据。

EJS TreeGrid是客户端组件,并能在客户端浏览器上运行。它适用于大多数标准的浏览器。并且不需要在客户端或服务器端进行任何的安装或其他组件便可运 行。在网页上使用TreeGrid时,不需要任何JavaScript代码。在任何服务器脚本环境下( ASP、ASP.NET、PHP和JSP等等以及任何XML Web服务),它都非常容易在HTML页面中创建组件。在这些环境中您只需要有读写XML数据格式的代码即可。服务端和客户端之间的带宽将被减少到最低限 度,因为所有的操作都是在客户端执行并只发送纯数据到服务端。

基本功能:

  • 兼容多种浏览器
    Internet Explorer 5.0+
    Gecko引擎 (Mozilla 1.0+, Mozilla Firefox 1.0+, Netscape Navigator 6.0+, Camino 1.0+, K-Meleon 1.0+) 
    Opera 7.60+
  • KHTML 引擎(Google Chrome beta, Konqueror 3.0+, Safari 1.2+)
  • 支持所有CSS1兼容模式:几乎支持所有常见模式,及一些特别模式。支持所有<!DOCTYPE>标签设置。
  • TreeGrid使用分页和AJAX技术,在脱机情况下可以处理多达约2万行记录,而在联机情况下则可处理高达数百万行记录。
  • 对于所有页面,各种类型的分页方式都具有排序,过滤和计算的功能。
  • 在您的网页中使用TreeGrid,不需要写任何的JavaScript代码。
  • 所有的操作都在客户端执行,不需要发送数据到服务器端(如果没有使用服务器分页)。
  • 数据格式很小,因为服务器仅仅发送值,而不是图形格式。
  • 在TreeGrid中用户可以通过定义事件来扩展脚本。为数据验证或编辑修改后的值执行一项操作,便可改变TreeGrid外观,改变颜 色状态,等等。
  • 用JavaScript代码来扩展API,从而控制TreeGrid的所有功能。
  • 可通过CSS样式进行可视化设置。
  • 根据它们的状态改变行和单元格的颜色(改变,删除,增加,焦点,选择,鼠标悬停,编辑,等等)。
  • 支持单元格拆分以及合并。
  • 用户设置(比如列的可见性,位置和大小,排序类型,过滤,所有grid的设置)都可以在客户端被保存到cookies或可以发送到服务 端。
  • 在一个页面上支持多个树型网格,并在它们之间可以互相操作(例如拖拽)。它们可能有不同样式/图像/颜色!
  • 支持主、从网格,甚至是树型网格。
  • 根据列中相同的值分组构成树形结构。类似于MS Excel中Pivot表的摘要。
  • 类似于在MS Excel中计算单元格,包括数学,总计(Sum, Count, Sumif, ...),统计和自定义的函数,或任何JavaScript代码公式。
  • 类似于MS Excel中的过滤器一样。对于任何列,用户可以根据列的值指定一个表达式和运算符来筛选行。一个Grid可包含多个过滤器。日期和数字范围过滤器。
  • 高级过滤器,可通过任何表达式或公式预定义过滤器。
  • 类似于Google的查询搜索功能。
  • 可导出到Microsoft Excel或任何其他电子表格程序中,可处理XLS文件或HTML表格中的数据。包括数字和日期格式。
  • 支持打印功能。
  • TreeGrid操作控制面板功能,可内置或外置于TreeGrid.所有的按钮都可以由事件控制,或被隐藏。
  • 支持服务器端分页,验证,排序和过滤功能。单元格可以被标记为错误,并可以将错误标题发送给服务器。
  • 根据单元格内容自动改变行高,当在文字编辑区编辑时自动改变高度。
  • 甘特图的方式制作,包括依赖项和动态更新。
  • 显示和动态更新外部对象,如Adobe Flash ,Microsoft Silverlight或自定义的JavaScript对象。
  • 许多基于ASP (VBScript), ASP.NET (C#, Visual Basic), JSP (Java) 和 PHP服务器端的脚本例子和预定代码。
  • 关于TreeGrid的详细文档,包括用法、事件、数据格式、JavaScript API和单元格公式。

数据通信

  • 输入/输出数据格式是通过任意XML解析器对XML文件进行解析的。 XML文件可以作为一个文件发送或作为编码的字符串发送。
  • XML被很好的构成,并已经预先设定了通用的DTD (数据类型定义)。
  • 输入的数据可以来自各种数据源:静态XML文件,所产生的XML网页, XML Web服务,SOAP Web服务,在HTML页面表单输入控制值或任何其它用户定义的来源。输入格式是自动识别的。
  • 改变后的数据可以被上传到服务器,并且不需要提交和重新加载页面(AJAX),或通过提交网页的一部分内容来发送表单的数据。
  • 上传的方法是:text/plain, text/xml, application/x-www-form-urlencoded, 以及用SOAP XML格式的text/xml 编码。
  • 支持XML Web服务功能,它使用HTML形式或SOAP XML通信。此功能必须返回字符串或XML文档,并接受参数字符串,XML文件或任何基本类型。支持所有ASP.NET,Java SOAP (SAAJ),PHP SOAP的Web服务。
  • 同步服务器功能:TreeGrid可以自动检查并下载所有修改变化,这些修改变化来自于其他用户或应用程序在服务器端进行的操作。

先进功能:

  • 在有Tree和Grid结构的TreeView或没有Tree的纯DataGrid中显示数据的行和列。
  • 根据其类型(string, boolean, integer, float, enum (select), radio, datetime, html, img, url ...)显示和格式化其值。支持任何正则表达式的编辑掩码。
  • 对值类型和格式的设置通常为整列,但该控件可以为单元格进行单独设置。单元格可以被设置为只读。
  • 编辑值是基于它们的类型和HTML表单元素进行的(输入框,复选框,选择框,文本域等等)。日期编辑则是使用自己的日历控件。
  • 支持用户在单元格中内置按钮,并预定义用户对话框。
  • 在树型结构中可展开/折叠行。
  • 支持鼠标或键盘操作。支持Tab键。完全自定义鼠标和键盘模式。
  • 可以从网格、任何文本编辑器或电子表格程序如MS Excel中复制&粘贴选定的单元格。不支持Opera浏览器。
  • 支持添加和删除记录。
  • 支持通过鼠标拖拽来移动和复制行(拖放操作行和对行进行分组)。即使在更多的TreeGrid之间,都可通过用户API事件来进行控制。
  • 支持重设大小和列的移动。
  • 选择行和选择分组操作(移动,复制,删除,拖拽,...)。
  • 通过鼠标选择行或单元格范围,并对选择范围进行操作(复制,粘贴,自定义操作,...)。
  • 支持一列甚至更多列排序、字符串比较——是否启用大小写和资源本地化设置。
  • 根据它们的值过滤行。
  • 支持滚动部分的内容:在各方向固定和改变行和列,兼容鼠标滚轮功能。
  • 支持本地化:所有的文本都是在外部的XML文件中,并能翻译成任何语言。这个文件还包含依赖于数字和日期时间格式的语言以及常量。
浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报