| fset_1 |

Demo: HTML5 Declarative dojox.grid.DataGrid: Column styling

This page demonstrate the use of: dojox.grid.DataGrid and shows an easy way to style the columns of the grid

The cells may be styled by the dojox.grid.DataGrid function formatter. In this page 3 different type of functions are shown:

Text-align of the id and action column
Input validation of the phone number (RegExp: only digits is alowed). If other char is entered the cell font color change to red!
Delete "button" will only be shown after the record has been saved.

Id	First Name	Last Name	Phone Number	Action

If you select "Add Row" two times, it will generate an error - because two errors may not have the same identifier. In this case an empty identifier!

Show HTML code [fset_1] | Show HTML code [gridNode] | Reload page [window.location.reload()] |

The java script to do this is:
dojo.byId('htmlTextBox').value = dojo.byId('text_group').innerHTML;