TreeGrid( 已加入在线订购,享特别优惠)

EJS TreeGrid是由纯JavaScript语言编写的树形表格控件。

产品类型: 控件 产品功能: 报表 平台语言: DHTML / JavaScript 源码: 不提供源码 产品编号: 12073
  • 当前版本:v12.1 [销售以商家最新版为准,如需其他版本,请来电咨询]
  • 开  发 商:TreeGrid 正式授权

关于本产品的分类与介绍仅供参考,具体以商家网站介绍为准。加企业QQ:800018081 咨询该产品

中文   |   英文

EJS TreeGrid,一个由纯JavaScript语言编写的功能强劲的树形表格控件。

TreeGrid是一个DHTML树形表格控件,它完全使用JavaScript语言编写,用以实现HTML页面上的table, grid, tree view 或者 grid with tree里的数据地展示和编辑。EJS TreeGrid还提供了强大的甘特图功能,能够满足您把项目进度管理以图表的形式直观地展示出来。

声明:本产品中文介绍为慧都控件网版权所有,未经慧都公司书面许可,严禁拷贝、转载!

需要培训、定制、外包?请联系我们!企业QQ:800018081 慧都专业技术团队帮助您提高效率,节省成本,降低风险!

TreeGrid Gantt Chart 是TreeGrid的扩展,能够为项目和服务管理等显示图表。

数据可以来自多个数据源:静态XML文件,静态JS文件,(JSON格式),XML web服务SOAP web 服务,或者用PHPJSPASP.NET等语言写的任何页面,或者任何脚本服务。无需提交(AJAX)页面即可上传更新的数据。上传方式有从HTML到POST和HTML到SOAP XML。可以通过标准的表格/页面方式(例如,隐藏输入)或自定义方式上传更新的数据。

输入/输出数据是预定义或非预定义的XML树。使用id属性确定行。在这种格式下,数据可以储存在服务器上,也能轻松地转换为其它形式,如数据库表格。

可作为Windows和Linux系统的服务端组件,使之有排序,筛选和计算上百万行记录的能力。标准的DLL/SO,在支持DLL的Windows系统或支持SO的Linux系统(ASP.NET,Java servlets / JSP,PHP等等)的任何服务器脚本环境下都能使用。DLL/SO运行速度块,占用小。DLL只辅助库,无需它,也可以通过脚本支持服务器分页。

EJS TreeGrid是客户端组件,运行在客户浏览器上。兼容大部分标准浏览器。无需安装,也不需要其它的客户端或服务端组件。页面上使用TreeGrid不需要任何JavaScript代码。易于控制服务器脚本环境(ASPASP.NETPHPHJSP等等,任何XML web服务)中  的html页面,在这些环境中,只需要XML格式的数据读取和写入代码。所有的操作都在客户端,与服务器的通信仅是纯数据,所以服务器与客户端的宽带占用降到了最低。


TreeGrid基本功能特征:

  • 兼容多种浏览器:

    • Internet Explorer 6.0+,及所有以IE engine为内核的其他浏览器

    • Mozilla Firefox 1.5+,及所有以Gecko engine为内核的其他浏览器

    • Google Chrome 3.0+ 和 Safari 3.0+, 及所有以WebKit engine为内核的其他浏览器

    • Opera 9.0+

    • iPad 苹果手机浏览器 1.0+

    • Android browser 3.0+

  • 支持所有CSS1兼容模式,支持任何<!DOCTYPE>标签设置。

  • 使用分页和AJAX技术,TreeGrid在离线情况下可以处理多达约2万行记录,而在联网情况下则可处理高达数百万行的记录。

  • 对于所有页面,各种类型的分页方式都具有排序,过滤和计算的功能。

  • 对客户端没有任何要求。

  • 所有操作都在客户端上完成,无需发送数据到服务器。(如果服务器没有采用分页处理。)

  • 数据格式非常小,因为服务器仅仅发送运算值,而不是图表格式。

  • 在TreeGrid中用户可以通过定义事件来扩展脚本。为数据验证或编辑修改后的值执行一项操作,便可改变TreeGrid外观,改变颜色状态,等等。

  • 用JavaScript代码来扩展API,从而控制TreeGrid的所有功能。

  • 可通过CSS样式进行可视化设置。

  • 根据它们的状态改变行和单元格的颜色(改变,删除,添加,集中,选择,鼠标悬停,编辑&hellip;)

  • 支持单元格拆分以及合并。

  • 用户设置(比如列的可见性,位置和大小,排序类型,过滤,所有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可以自动检查并下载所有修改变化,这些修改变化来自于其他用户或应用程序在服务器端进行的操作。


TreeGrid的先进功能:

  • 在有Tree、Grid的TreeView中或者纯DataGrid中显示数据的行和列。

  • 根据其类型(string, boolean, integer, float, enum (select), radio, datetime, html, img, url ...)显示和格式化其值。支持任何常规表达式的编辑。

  • 对类型值和格式的设置通常为整列,但该控件可以为单元格进行单独设置。单元格可以被设置为只读。

  • Values函数的编辑是基于它们的类型和HTML表单元素进行的(输入框,复选框,选择框,文本域等等)。日期编辑则是使用控件本身的日历控件。

  • 支持用户在单元格中内置按钮,并预定义用户对话框。

  • 在树型结构中可展开/折叠行。

  • 支持鼠标或键盘操作。支持Tab键。完全自定义鼠标和键盘模式。

  • 可以从网格、任何文本编辑器或电子表格程序如MS Excel中复制&粘贴选定的单元格。不支持Opera浏览器。
    支持添加和删除记录。

  • 支持通过鼠标拖拽来移动和复制行(拖放操作行和对行进行分组)。即使在更多的TreeGrid之间,都可通过用户API事件来进行控制。

  • 支持重设大小和列的移动。

  • 选择行和选择分组操作(移动,复制,删除,拖拽,...)。

  • 通过鼠标选择行或单元格范围,并对选择范围进行操作(复制,粘贴,自定义操作,...)。

  • 支持一列甚至更多列排序、字符串比较&mdash;&mdash;是否启用大小写和资源本地化设置。

  • 根据它们的值过滤行。

  • 支持滚动部分的内容:在各方向固定和改变行和列,兼容鼠标滚轮功能。

  • 支持本地化:所有的文本都是在外部的XML文件中,并能翻译成任何语言。这个文件还包含依赖于数字和日期时间格式的语言以及常量。


Gantt chart

  • Usable especially for project management - planning and scheduling tasks

  • It can be used as core of applications providing features of Microsoft Project or Primavera online on web

  • Tasks set by duration or end date or both (mirrored), with percentage of completion

  • Milestones with 0 duration

  • TreeGrid Gantt Chart is project management tool to build gantt charts online on web

  • Resources for tasks, possible filtering rows by resources

  • Resource usage and availability charts. Resource types like work or material.

  • Discrete bars for real flow - actual completion of the task, usable along the task bars.

  • Flags - any custom icons shown on exact date with defined tooltip

  • TreeGrid Gantt Chart provides all basic features for project management like Primavera or Microsoft Project

  • Dependencies between tasks as descendants (successors) or ancestor (predecessors) or both (mirrored)

  • Dependency types end-start (fs), end-end (ff), start-start (ss), start-end (sf)

  • Possible more dependencies between two tasks (ss + ff)

  • TreeGrid Gantt Chart is online replacement of project planning and scheduling software like Microsoft Project or Oracle Primavera

  • Dependency lags in any time units like hours, days or elapsed days

  • Dependency constraints define available span between dependency start+lag and end

  • Checking circular dependencies

  • Automatic correcting dependencies after task move or resize or dependency change, moving the dependent tasks

  • TreeGrid Gantt Chart is core for project charter to create project schedules and plans

  • Possible correcting dependencies only on demand, showing the incorrect dependencies in red

  • Automatic checking all entered inputs and changes in chart if they are correct

  • Excluded holidays - any defined dates, date ranges or repeated dates

  • The holidays are excluded from Gantt calculations and can be also hidden from the chart

  • TreeGrid Gantt Chart can be used for various project plans or schedules with Gantt chart

  • Project baseline date constraint, tasks cannot be moved before or the first tasks are forced to start on

  • Critical path management - critical tasks with specified slack can be highlighted or filtered

  • Task date constraints for early start date, early finish date, late start date, late finish date

  • All the date constraints are shown in Gantt chart as icons and be added, deleted and moved directly in the chart

  • Highlighted custom dates or date ranges in background or foreground

  • Fully customizable Gantt headers, defining any date formats in one or more header lines

  • TreeGrid Gantt Chart can do also specialties like engineering project management systems online on web

  • The Gantt chart is fully interactive, all items can be changed directly in the chart by mouse

  • The Gantt behavior is fully customizable by defining key and mouse action schema

  • TreeGrid Gantt Chart can be used for various task management, project templates or process management softwares

  • Gantt popup menu (customizable) with all available features accessible from the menu on right click

  • Smooth zoom to date range selected by mouse dragging in header or by click to exact date in header

  • Custom zoom levels with different dates and formats in header, size constraints and backgrounds

  • Custom CSS styles, every cell can display completely different bars (shapes and colors).

  • TreeGrid Gantt Chart can be used also for online web tasks like time management, IT project management or online project management

  • API events and methods to extend the Gantt features by custom JavaScript

  • RTL version for Middle East languages plus Hirji dates and calendar


Run chart

  • Usable especially for services or resources management

  • More independent bars in one cell

  • Every bar can have its own type, width, caption, color, class and tooltip

  • Various types of bars with different features, like normal, empty, not movable, not resizable, start/end, ...

  • All the bar setting can be changed by a user from popup menu or another custom way

  • The bars can overlap each other, in this case they can be marked as error with different color and class

  • The bars can be defined independently by their start dates and width or end date

  • Or the bars can be defined by one start date and bar widths

  • The bars are fully interactive, can be created, resized, moved and deleted by mouse dragging

  • Many possibilities of moving behavior, the bars can be shifted or resized to create room for the new bar

  • Bars can be moved between rows or between grids or can be dropped to any other custom place

  • Joined bars, moving the joined bars together, possible splitting and joining bars by dragging

  • API events and methods to extend the Gantt features by custom JavaScript

  • Other Gantt features like header, zoom, dependencies or resources can be also used with Run bars

  • Other Gantt objects like flags, flow, tasks or milestones can be also shown along Run bars with one cell


TreeGrid在线示例

带有分组,排序,过滤,导出和计算功能的分页方式

Run DEMO
这个例子展示了各种各样的TreeGrid特性,采取的是服务器分页方式,其表格的行数包括了2000行,10000行以及50000行。
该例并没使用任何自定义JavaScript或者特殊的服务器脚本代码,所有的特性都是通过XML数据定义设置的并由TreeGrid提供!

无分页的大型表格

TreeGrid处理速度很快,可以在合理的时间内无延迟渲染地显示出大型表格。这个例子展示了1000行和14列。所有的行和列均在一开始就进行渲染并立刻显示出来。
当然,使用分页技术会更快,您可以将客户端分页和无分页表格的渲染时间进行对比。 您可以在大型表格里测试各种功能,包括排序,过滤,分组,列隐藏/显示,列移动,打印,导出等等。 您可以在底部的调试窗口中看到各种行为所花费的时间。

交互式甘特图

Run DEMO
显示交互式甘特图的TreeGrid应用展示&mdash;&mdash;任务时间表及各任务在项目管理中的完成情况。

交互式运行图表实例

Run DEMO

这个例子展示了甘特图中连续运行的,复杂的以及通用的条形框类型。它支持一个单元格中包含多个不同功能,大小,颜色,类型,文本和提示信息的条形框。

  • 新的方框可从右侧表格中拖拽进行添加,或者从左侧表格的空白部分进行拖拽。

  • 可通过拖拽方框边缘调整其大小。固定的或者立方体方框在拖拽边缘时需按住Ctrl键。

  • 通过鼠标拖拽可移动单元格中的方框。拖拽时按住Ctrl键可将方框移出单元格。

  • 将一个方框拖拽至另一个方框边缘时,二者可被移至一起。按住Shift拖拽其中一个方框即可将二者分离。

  • 拖拽时按住Shift键可将方框移至任意地方,甚至是错误的位置。

  • 通过调整方框宽度至0或快捷菜单的方式可删除方框。

  • 方框的类型,颜色,文本和提示信息均可通过快捷菜单进行更改(右击鼠标)。

  • 通过拖拽鼠标或点击甘特图标题上的日期选择日期范围可以对图表进行缩放,右键单击甘特图标题可撤销缩放。

  • 在这个例子中除去了像假期这样的周末以及五月24-25日。从运行长度里移除周末,并且运行的长度不能从周末开始或结束。

  • 所有控件的设置均可在XML里进行更改。

类型 标题 发布时间
版本更新 TreeGrid v12.1

树形表格控件TreeGrid v12.1发布,新增xlsx导出、媒体网页设计响应规则、重新设计的配置菜单等等。

2017-03-21
版本更新 TreeGrid v11.0.12

树形表格控件TreeGrid更新至v11.0.12

2015-12-11
文章 【在线订购专享】精选图表报表加入在线商城,特价狂欢!

全球精选图表、报表产品加入在线商城,以超低价格回馈中国区客户。

2017-04-14
文章 【更新】树形表格控件TreeGrid v12.1发布,新增xlsx导出、媒体网页设计响应规则

树形表格控件TreeGrid v12.1发布,新增xlsx导出、媒体网页设计响应规则、重新设计的配置菜单等等。

2017-03-21
问答 我想找一个Java方面功能比较强的表格控件。

我想找一个Java方面功能比较强的表格控件。

2011-03-10

更新时间:2017/3/21 15:51:36 | 录入时间:2009-07-09 | 责任编辑:ZGL 给他留言或建议

客服
开发商其他产品
  • TreeGrid

    EJS TreeGrid是由纯JavaScript语言编写的树形表格控件。

同类产品

联系我们


官方微信
官方微博

慧都旗下网站

友情链接

慧都科技有限公司 版权所有 Copyright 2003-2017 渝ICP备12000582号 | 京公网安备 11010102002019号
100%正版软件