DHTMLX Cheatsheet

Grid

Load/Update Data example

myGrid.load("./grid_data",function(){alert("Data has been loaded.")}); myGrid.clearAll(); myGrid.load('../common/first.xml'); myGrid.load('../common/second.xml'); myGrid.updateFromXML('../common/third.xml');

Types example

ed - a simple column with editable cells; edtxt - a column with editable text cells that treat data values as plain text, so HTML isn't allowed and any special char must be set without escaping; edn - a column with editable numeric cells that allow formatting values through the setNumberFormat method. ro - a column with simple read-only cells without the possibility to edit the content; rotxt - a column with read-only text cells that treat data values as plain text, so HTML isn't allowed and any special char must be set without escaping; ron - a column with read-only numeric cells that allow formatting values through the setNumberFormat method. txt - a simple column with a multiline editor; txttxt - a column with a multi-line editor that treats data values as plain text, so HTML isn't allowed and any special char must be set without escaping. ra - a column-oriented radio button; ra_str - a row-oriented radio button. co - an editable select box; coro - a not editable select box; combo - an editable select box presented by DHTMLX combo; clist - a multi- selection select box. dhxCalendar - a simple date picker (presented by the DHTMLX calendar); dhxCalendarA - a date picker with a possibility to input date manually (presented by the DHTMLX calendar). cp - colour picker link img - A column that treats data as the image source and renders them as images (analogous to the HTML tag). price - A column that treats data as price: values < 0 - rendered in green, values > 0 - rendered in red. dyn - A column that applies different colouring and marking based on the value. Intented for using with the sales data. context - An editor uses DHTMLX menu as an editor for a cell. stree grid