parent - string or object, id of container, where tree will be initialized, mandatory
image_path - string, path to image folder, which will be used for icons in tree
skin - string, skin used by grid
-
drag_order - {boolean} switch to mode when draged item, droped in target location in same order as they was in source grid(
enableDragOrder)
drag_behavior - {string} set Drag-And-Drop behavior (child - drop as chils, sibling - drop as sibling(
setDragBehavior)
drag_copy - {boolean} enable drag without removing (copy instead of move)(
enableMercyDrag)
csv_id - {boolean} enable mode, where ID for rows loaded from CSV autogenerated(
enableCSVAutoID)
csv_header - {boolean} enable recognizing first row in CSV as header(
enableCSVHeader)
-
-
save_cookie - {boolean} enable automatic saving of all possible params(
enableAutoSaving)
-
save_column_order - {boolean} enable automatic column order saving to cookie(
enableOrderSaving)
-
submit_changed - {boolean} include only changed rows in form submit(
submitOnlyChanged)
submit_serialization - {boolean} include serialized grid as part of form submit(
submitSerialization)
-
submit_id - {boolean} include only row's IDS in form submit(
submitOnlyRowID)
-
cell_ids - {boolean} enable/disable unique id for cells (id will be automaticaly created using the following template: “c_[RowId]_[colIndex]”)(
enableCellIds)
colspan - {boolean} enable/disable colspan support(
enableColSpan)
-
date_format - {string} set mask for date formatting in cell(
setDateFormat)
distributed - {boolean} enable/disable distributed parsing (rows paresed portion by portion with some timeout)(
enableDistributedParsing)
header_images - {boolean} specify if values passed to Header are images file names(
enableHeaderImages)
header_menu - {boolean} enable pop up menu which allows hidding/showing columns(
enableHeaderMenu)
-
markers - {boolean} sets marked cells support to enabled or disabled state(
enableMarkedCells)
-
-
mouse_navigation - {boolean} enable/disable light mouse navigation mode (row selection with mouse over, editing with single click), mutual exclusive with enableEditEvents(
enableLightMouseNavigation)
-
-
tabulation - {boolean} enables/disables mode when readonly cell is not available with tab(
enableEditTabOnly)
undo - {boolean} enable Undo/Redo functionality in grid(
enableUndoRedo)
any event can be assigned by using property equal to event name
grid = new dhtmlXGridObject({
parent:"a_grid",
onRowSelect:function(){
alert("I'm clicked");
}
});
Columns of grid can be defined through “columns” collection
new dhtmlXGridObject({
columns:[
{ column object 1 },
...
{ column object N }
]
...
});
Where column object can contain next properties.
label - column label
id - column id
width - width of column
align - h-align of data in the column
valign - v-align of data in the column
sort - sort type of column
type - column type
options - collection, which may contain default set of options for co|coro column types