02. Demo
Last updated
Last updated
This chapter covers how to get started with the demo. If you do not want to install anything yet you will find a demo link in the end of the chapter.
Im assuming you have npm/gulp installed, if not go to aurelia.io and follow the production setup guide first.
1: Download git clone https://github.com/aurelia-ui-toolkits/aurelia-v-grid
2: Run npm install
in under root folder and under "sample"
3: Run jspm install
under root folder and under "sample"
4: Run gulp watch
watch under the sample folder.
Click here to open the samples.
Categories currently contain four variations on how to implement the grid. The last category "remote" shows how to use remote data.
Here you can find the samples for the selected category. For the first three categories the first samples show basically the same results. The Code preview pane shows how you can achieve these results by using different implementations.
"Basic-use" sample is the smallest amount of code needed to get some data on the screen.
"All" is using all features of the grid:
sorting
filters
context menus
"Selection column" shows how to make a column with check-boxes to control selection.
This shows the grid for the sample.
This shows the details of the selected row. It's data bound so you can edit the detail pane.
Shows the HTML/JavaScript for the current sample.
Displays buttons to edit the collection the grid is displaying