当前位置:  软件>JavaScript软件

HTML表格组件 EJS TreeGrid

    来源:    发布时间:2015-01-30

    本文导语:  EJS TreeGrid是用纯JavaScript 编写的DHTML组件,它可以在HTML网页上显示和编辑表格,网格,树状视图或树型网格中的数据。 EJS TreeGrid是客户端组件,并能在客户端浏览器上运行。它适用于大多数标准的浏览器。并且不需要在客户...

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

HTML表格组件 EJS TreeGrid[图片]

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兼容模式:几乎支持所有常见模式,及一些特别模式。支持所有标签设置。
  • 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文件中,并能翻译成任何语言。这个文件还包含依赖于数字和日期时间格式的语言以及常量。

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • 去除HTML标签删除HTML示例代码
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • asp.net去除HTML标签删除HTML小例子


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3