Editable JavaScript TreeGrid 純JavaScript編寫的DHTML組件
Base component to display and edit data in grid and tree view
EJS TreeGrid是一個DHTML控制項,完全使用純JavaScript語言編寫,可以在HTML網頁上顯示和編輯表格,網格,樹狀視圖或樹型網格中的資料。
TreeGrid Gantt Chart 甘特圖組件
Gantt module extension for EJS TreeGrid
TreeGrid Gantt chart is an application core for building online (web based) project management software like MS Project or Oracle Primavera. Or it can be used as a component to display any custom interactive row based bar chart. With all advantages of Editable JavaScript TreeGrid. It is the most complex web Gantt chart and universal bar chart on the Internet.
最新!! TreeGrid SpreadSheet 電子報表組件
TreeGrid extension to display and edit data in cell based spreadsheet.
TreeGrid SpreadSheet provides cell based AJAX grid with spreadsheet features like editable formulas, many predefined and custom formula functions, individual cell styling and borders, manipulating individual cells or selected cell groups, auto grid size, auto row and column index.
Basic sheet features 特色:
- cell content editing
- changes update to server by AJAX or by page / form submit (HTTP POST)
- row selecting, adding, and deleting
- column selecting, adding and deleting
- row and column moving and resizing
- row and column hiding / displaying
- toolbar and row / column control panel
可單買一個 TreeGrid 組件,比如:只購買 TreeGrid 或 Gantt chart 或 SpreadSheet
也可同時購買二個 TreeGrid 組件,比如:購買 TreeGrid + Gantt chart 或 TreeGrid + SpreadSheet
推薦購買 Full TreeGrid 完整組件,也就是三個組件一次購入:TreeGrid + Gantchart + SpreadSheet
EJS TreeGrid 介紹
純JavaScript語言編寫的 EJS TreeGrid DHTML控制項,可用來在HTML網頁上顯示和編輯表格,網格,樹狀視圖或樹型網格中的資料。資料來自多元化的來源: static XML file, XML web service, SOAP web service, or any page generated by PHP, JSP, ASP, ASP.NET, or any other server script.。
更改後的資料可以直接被上載到伺服器,可以不提交 (AJAX) 頁。Methods of upload can be HTML form POST or SOAP XML. Changed data can also be uploaded by standard form/page submit (in hidden input, for example) or in any custom way of submit. See documentation. Input / output data format is XML tree with or without predefined DTD. Rows are identified by id attribute. In this format the data can be stored on server or can be easy converted to any other representation, database table for example.
可以用在Windows 和 Linux 系統伺服器,以支援排序、 篩選和計算能力。This is standard DLL / SO and can be used in any server script environment that can use DLL on Windows systems or SO on Linux systems (ASP.NET, Java servlets / JSP, PHP, ...). The DLL / SO is very fast and thin. This DLL is just helper library and you don't need to use it, if you want to support server paging by your own script.
EJS TreeGrid是客戶端組件,並能在客戶端瀏覽器上運行。它適用於標準的瀏覽器。並且不需要在客戶端或伺服器端進行任何的安裝或其他組件便可運行。在網頁上使用TreeGrid時,不需要任何JavaScript代碼。在任何服務器腳本環境下( ASP、ASP.NET、PHP和JSP等等以及任何XML Web服務),它都非常容易在HTML頁面中創建組件。在這些環境中您只需要有讀寫XML數據格式的代碼即可。服務端和客戶端之間的頻寬將被減少到最低限度,因為所有的操作都是在客戶端執行並只發送純資料到服務端。
Basic grid features 特色
- cell content editing-欄位內容的編輯
- changes update to server by AJAX-透過AJAX更改更新到服務器
- or by page / form submit (HTTP POST) 頁面/表單提交(HTTP POST)
- row sorting排序
- row adding and deleting行添加和刪除
- row state colors行狀態的顏色
- column resizing列大小調整
- column hiding / displaying列隱藏/顯示
- toolbar工具欄
Main advantages
- tree feature in rows or columns or both
- advanced cell formulas, expressions and calculations like in MS Excel
- various paging types to display nearly unlimited number (millions) of rows using AJAX and pager components. Column paging also included.
- advanced filters similar to MS Excel or filtering by any expression
- searching like in Google
- automatic rows grouping to a tree according to column values
- multi level Pivot tables (two dimensional grouping), editable, unlimited source columns
- fixed (frozen) columns and rows on all the edges
- cell spanning among columns (colspan) or rows (rowspan) or in both directions. Dynamic span by users also available.
- row dragging even among the grids (moving and copying)
- row or cell ranges selecting by key or mouse click or dragging; predefined or custom actions with the selection possible
- column moving, freezing or unfreezing by a mouse
- various cell types like text, number, check box, textarea, combo box, image, link or any other HTML, etc.
- advanced formatting values for displaying and editing according to the type and format string.
- a calendar component to pick dates; a special dialog to choose date ranges and repeating dates.
- various editing masks
- cell value validation while editing, after edit and before save
- multi line editing in textarea
- printing option or export to PDF with various PDF settings and possible splitting to pages in both directions
- export to Microsoft Excel or any other spreadsheet program that can handle XLS files or HTML tables
- data synchronisation with server
- master / detail relationship, more different master and detail grids available at once
- creating of Gantt chart also available; includes dependencies, resources, summaries, constraints and dynamic update.
- display and dynamic update of external objects like Adobe Flash, Microsoft SilverLight or custom JavaScript objects
- fully customizable CSS styles to change grid look
- advanced JavaScript API with events and methods to control the grid from JavaScript
- using grid without any need of JavaScript code on a page
- sophisticated XML input / output format, JSON format also supported
- fully customizable key and mouse navigation action schemas
- very fast to display and control
- script modules - modules not in use can be removed from the script in order to shorten its length
- localization to any language possible, including all texts, date and number formats
- RTL version for Middle East languages plus Hirji dates
- both CSS1 strict and quirks mode supported (any setting)
Supported browsers
Microsoft Internet Explorer IE6, IE7, IE8, IE9, IE10, IE11 |
Mozilla Firefox FF1.5 - FF89 |
Google Chrome CH3 - CH91 |
Apple Safari Mac OSX & Windows S3 - S14 |
Opera O9 - O12 (Presto) O15 - O77 (WebKit) |
Apple iOS Safari Mobile S4 - S14 CH / FF / UC |
Android Mobile CH / FF / UC / SI A2 - A81 |
(And all Trident, Gecko and WebKit / Chromium / Blink engine clones)
Server side support
EJS TreeGrid package contains examples and predefined code of server side scripts:
- NodeJS (JavaScript)
- ASP.NET (C#, Visual Basic)
- JSP (Java)
- PHP
- HTML (all other)
EJS TreeGrid can be used also in any other server script environment that can handle and process XML or JSON data.
JavaScript frameworks
EJS TreeGrid package contains examples and documentation to use in JavaScript frameworks:
- Angular (TypeScript)
- React (JavaScript / TypeScript)
- Vue (JavaScript / TypeScript)
- Other frameworks (HTML, JavaScript)
EJS TreeGrid can be used also in any other client side framework that supports third party JavaScript code.
Basic grid features
- cell content editing
- changes update to server by AJAX
- or by page / form submit (HTTP POST)
- row sorting
- row adding and deleting
- row state colors
- column resizing
- column hiding / displaying
- toolbar
Component
|
Extended API
|
Source codes
|
Basic
|
Personal
|
Standard
|
Grand
|
Available features
|
Controlling TreeGrid from client side JavaScript
|
TreeGrid JavaScript source codes
|
One server 10 web pages 1 + 1 developers
|
All applicationsNot for companySingle developer
|
One application
1 + 3 developers |
All applications
2 + 6 developers |
PureGrid
|
v
|
v
|
v
|
v
|
||
Extended API
|
v
|
v
|
v
|
v
|
||
PureTree
|
v
|
v
|
v
|
v
|
||
Extended API
|
v
|
v
|
v
|
v
|
||
TreeGrid without Gantt chart
|
v
|
v
|
v
|
v
|
||
Extended API
|
v
|
v
|
v
|
v
|
||
Extended API
|
Backup source codes
|
-
|
-
|
v
|
v
|
|
Extended API
|
Debug source codes
|
-
|
-
|
v
|
v
|
|
Gantt chart
|
v
|
v
|
v
|
v
|
||
Extended API
|
v
|
v
|
v
|
v
|
||
Extended API
|
Backup source codes
|
-
|
-
|
v
|
v
|
|
Extended API
|
Debug source codes
|
-
|
-
|
v
|
v
|
|
TreeGrid with Gantt chart
|
v
|
v
|
v
|
v
|
||
Extended API
|
v
|
v
|
v
|
v
|
||
Extended API
|
Backup source codes
|
-
|
-
|
v
|
v
|
|
Extended API
|
Debug source codes
|
-
|
-
|
v
|
v
|