Object Constructor

There are two possible syntaxes of DataView constructor:

Simple

var myDataView = new dhtmlXDataView("container_id");

Where "container_id" - id of the HTML container, inside of which DataVIew will be initialized.

Detailed

var myDataView = new dhtmlXDataView({
    container:"container_id",
    drag:true, 
    select:true,
    type:some
});

The parameters are:

  • container - {string|number|HTMLElement} the ID of an HTML container inside of which an item will be rendered, or the container itself
    • ID of HTML element
    • HTML object
  • drag - {boolean} enables drag-n-drop
    • true - drag-n-drop is allowed
    • false - drag-n-drop is denied
  • select - {string|boolean} defines selection mode
    • false - selection is denied
    • true - single selection is allowed
    • "multiselect" - multiselection is allowed
  • type - {string|object} the name of a render-type, or a custom template
    • name of type
    • type object, check the Templates article
  • height - {string} can be set as "auto" to force auto-height (if the parameter isn't set dataview adjusts to the height of the parent container)
    • "auto" - force auto-height mode (the dataview height will be enlarged to show all items)
  • pager - {object} paging control settings
    • pager object, check the Paging article
  • tooltip - {object} tooltip object settings
    • tooltip object
  • autowidth - {number|boolean} adjusts items' size to the container's size
    • true - 1 item in a row
    • number - the number of items to be set in a row
var myDataView = new dhtmlXDataView({
    container:"container_id",
    tooltip:{
        template:"Details: #property#"
    }
});

Related sample:  Static loading

Back to top