<grid>
Presents a grid backed by a datasource.

JavaScript: lz.grid
extends <basegrid> » <basecomponent> » <view> » <node> » lz.Eventable »

A grid is used to present data in a dataset. Although it can be configured using <gridcolumn> and <gridtext>, by default it will present one editable field for each attribute in the first data node in the grid. If no attributes are found, a column will be presented for the each of the name() and text() fields of the nodes using gridtext columns.

<canvas height="250">
              <dataset name="weatherdata" request="true" src="http://www.laszlosystems.com/cgi-pub/weather.cgi?zip=10022"/>

              <grid datapath="weatherdata:/weather" contentdatapath="forecast/day"/>
              </canvas>

Attributes

Name (CSS property) Type (tag) Type (js) Default Category
layout expression any placement : 'hcontent';axis:'x' ; spacing:-1 read/write
  The layout of attribute of the grid is set up to control the way that the header columns are situated. Changing this property changes the header column layout.
showhscroll expression any true read/write
  If false, the grid will never show a horizontal scrollbar, even if the rows are wider than the grid.
showvscroll expression any true read/write
  If false, the grid will never show a vertical scrollbar, even if the rows are wider than the grid.

Methods

Methods inherited from lz.Eventable

destroy, setAttribute

Events

Events inherited from <basegrid>

onselect

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from lz.Eventable

ondestroy