This tutorial demonstrates how to build forms and editable grids with UIKernel. The steps for this tutorial are as follows:
- Create a grid
- Add sorting and pagination
- Create a form for filtering grid data
- Make the grid editable
- Add the possibility to remove grid records
- Create a form for adding records into the grid
To get started, we will need to install UIKernel.
Next, create a directory with the following structure:
All files in
js/models as well as the
css/main.css file are empty, we’ll add some code into them later.
index.html file should look like this:
Now you can move on to the first step of our tutorial.