Development tools : XUI editor : Editing an XUI page : Editing the properties of the XUI widgets : Binding data to the XUI widgets : Binding data to widgets : Binding data to a table widget
  
Binding data to a table widget
This section provides an example of how to bind data to a table widget.
To bind data to a table widget
1 Define the data structure.
Define the table column information in a KColl data tableRow, it can be used as submit dataName for single selection mode.
This graphic is described in the surrounding text.
Besides typed data, you could also define a KColl data ColumnData as a child to submit column dataName. Be cautious: This KColl cannot contain any IColl.
Define the list data tableRowIColl which refer to the KeyedCollection data tableRow, it can be used as submit dataname for multiple selection mode.
This graphic is described in the surrounding text.
Define the list data tableData which refer to the KeyedCollection data tableRow, it is the data structure of the whole table data. You can initialize or change the table data in the operation.
This graphic is described in the surrounding text.
Note You could also define a new KColl with the same name and children data as tableRow. Especially, when there is a KColl as child data, this KColl should contain the same children data, too.
2 Specify tableData as dataNameForList.
This graphic is described in the surrounding text.
If selectionMode is single, select tableData as dataName.
If selectionMode is multiple, select tableRowIColl as dataName.
3 Specify Data binding for the column.
Specify ColumnData as Data Name
This graphic is described in the surrounding text.
Advanced data binding properties for the column. According to Editable or not, there are different widgets for selection. You need to specify the related properties for selected widget.
This graphic is described in the surrounding text.
Result
Data is bound to the table widget.
Go up to
Binding data to widgets