Binding Form to Grid

This tutorial will show you a popular use case of dhtmlxForm: a form bound to a grid. A form will present details of the selected grid's record and allow editing this record in the database. Using the technique described in this tutorial, you can bind any other DHTMLX components operating on data.

The tutorial is intended for developers who have already been familiar with the dhtmlxGrid and dhtmlxForm components. If you haven't, please read the following tutorial at first:

Download the demo app here.


After you finish this tutorial, you'll get a grid that contains information about several books. Next to the grid there will be a form displaying details of the selected book. The "Submit" button will save changes (we make in the grid) in the database.

Back to top