Editable JavaScript TreeGrid

TreeGrid documentation index


		Short index TreeGrid basic concepts (index) - TreeGridBasics.htm Frequently Asked Questions (index) - TreeGridFAQ.htm Using TreeGrid on HTML page (index) - TreeGridHTML.htm XML data format - Basic description (index) - TreeGridXmlBasics.htm XML data format - Configuration reference (index) - TreeGridXmlCfg.htm XML data format - Columns reference (index) - TreeGridXmlCols.htm XML data format - Rows reference (index) - TreeGridXmlRows.htm XML data format - Actions reference (index) - TreeGridXmlActions.htm XML data format - Styles reference (index) - TreeGridXmlStyles.htm Cell formats (index) - TreeGridCellFormats.htm Cell formulas (index) - TreeGridCellFormulas.htm JavaScript API reference (index) - TreeGridAPI.htm TreeGrid layout (index) - TreeGridLayout.htm Changing styles and images (index) - TreeGridStyles.htm TreeGrid server library (index) - TreeGridServer.htm TreeGrid JSP (Java) framework (index) - ../Examples/JSP/Framework/TreeGridFrameworkDoc.html User help (index) - ../Grid/Help.html Complete feature list and index (index) - TreeGridFeatures.htm



		TreeGrid basic concepts (read this first!) Four points to use TreeGrid on web page a) Prepare HTML page with TreeGrid b) Prepare XML input data c) Prepare server script to process uploaded changes in XML (optional) d) Write your own JavaScript functions and events (optional) Server communication - AJAX versus Submit Server side library - TreeGrid.dll Paging Limits - How many rows TreeGrid can handle



		Frequently Asked Questions Using and loading / uploading Settings JavaScript API Errors and problems Security and permissions Licensing and prices



		Using TreeGrid on HTML page Creating TreeGrid by <treegrid> tag <treegrid> attributes <treegrid> data sources <treegrid> data source attributes Examples Recognized input data formats and methods Static XML file XML SOAP envelope XML file Possible output formats and methods Methods of data uploading Form – A standard submit as HTML form Soap – SOAP envelope Formats of data uploading DTD – DTD compatible format Internal – Shorter and faster format Creating TreeGrid from JavaScript TreeGrid function StartTreeGrid function TreeGrid files



		XML data format - Basic description Basics Layout and data Formats Internal format DTD format Short format Extra short format XML structure – download XML structure – upload XML structure – download changes done on server XML structure – request Tag <IO> reference (input requests / output results) Communication with server Download of structure Download of data Paging Child paging Upload of changed data



		XML data format - Configuration reference Persistent configuration - cookies Tag <Cfg> reference (grid configuration) Main settings Paging Paging in very large tables Paging in tree Creating and generating row id Grid capabilities Grid configuration Sorting Grouping Searching Other settings Overriding settings Advanced settings Grid width and height Debugging Master / detail relationship Handling empty numbers and dates Design settings Communication with server Other settings Tag <Pager> reference (main vertical pager) Tag <Toolbar> reference (bottom toolbar) Tag <MenuCfg> reference (configuration menu)



		XML data format - Columns reference Tag <D Name='C'> reference (default column) Tag <Panel> reference (row left panel with delete and select buttons) Tag <C> reference (one column definition) Column names Base attributes Editing masks Enumeration type Column capabilities Calculation Column names Right side button Context menu Width and visibility Tag <Header> reference (column captions) Multiline header



		XML data format - Rows reference Data rows Default rows Example of default rows Tag <D> reference (default row) Tag <Root> reference (invisible parent root row) Tag <P> reference (settings for short format) Tag <B> reference (one page with variable data rows) Tag <I> reference (one data row) Main settings Row capabilities Row state Row calculations Master / detail relationship Context menu Tree settings Other settings Data row cells Formats Internal and short formats DTD format Values Permissions Overriden column's attributes Style and display Spanning Calculations Other settings Solid space rows Tag <Space> reference Special row attributes for solid space rows Special cell attributes for solid space rows Special rows Fixed special rows Tag <User> reference (fixed special row with no special function to show custom html code) Tag <Filter> reference (fixed special row with user interface for filtering rows according to particular column(s)) Solid special rows Tag <Search> reference (solid special row with user interface for searching and advanced filtering in grid) Tag <Group> reference (solid special row with user interface for grouping data rows according to the same values in selected column(s)) Tag <SimplePager> reference (solid special row with user interface for paging - simple horizontal pager with links to all pages) Tag <Toolbar> reference (solid special row with user interface for controling grid)



		XML data format - Mouse and key actions schema Tag <Actions> reference Names More actions for one event Custom API events Changing action dynamically by JavaScript API Calling actions from JavaScript Focused vs. Actual cell Bubbling events Event list Event names Prefixes Mouse event names Mouse event targets Key event names Key event targets Special event names Action list Base actions Selection actions Mouse dragging actions Row manipulation actions Navigation actions Tree actions Features actions Column actions Copy & Paste actions Toolbar actions Master / detail actions Edit mode actions Cell actions



		XML data format - Image, colors and texts reference Tag <Img> reference (images settings, image files and sizes) Tag <Colors> reference (row and cell background state colors) Base (absolute) color Fixed (absolute) state colors Alternate (relative) row colors Relative state colors Relative state colors (2) Search colors Other colors Tag <Lang> reference (language settings, all message texts, alerts, menu items and also format settings)



		Cell formats Basic Formatting text Formatting numbers Formatting date and time Formatting images Formatting links Formatting lists Formatting radio buttons



		Cell formulas Input values Calculation order Tree Operators Keywords Data types Constants White space Function calls Mathematical functions Aggregate functions Special functions for actions Custom functions



		JavaScript API reference TreeGrid data structure Global properties Global functions Format Functions Events Style events State events Filter and sort events Click and key events Data events Control panel events Class TGrid Design / runtime properties Runtime only properties Column methods Row methods Html methods Message methods Value methods Data methods Paging and render methods Other methods Class TToolbar Class TRow Class TCol



		TreeGrid layout TreeGrid sections Vertical direction Horizontal direction Other



		Changing styles and images Style sheet Sections Cells Cell contents Toolbar Filters Date picker Pager Other Images Grid.gif Toolbar.gif DragOne.cur, DragMore.cur



		TreeGrid server library Using TreeGrid server ASP.NET C# ASP.NET Visual Basic PHP JSP Java TreeGrid server concepts Basics Creating instance Updating instance Processing client's request GetBody GetPage Update Saving data back Temporary saving Function reference Calculations Operators Constants Identifiers Functions Examples



		TreeGrid JSP (Java) framework Parsing uploaded XML Generating SQL commands Updating changes in XML to database Creating XML Advanced creating XML Support for examples



		User help Mouse functions Control keys Copy & Paste Toolbar Configuration Filter row Other Colors



		Complete feature index Index Alphabetical index

TreeGrid documentation index

Short index

TreeGrid basic concepts (read this first!)