/Angular_Grid_Test

Test from "Friendly IT Solution" company . Develop Grid in Syncfusion with CRUD operation.

Primary LanguageTypeScriptOtherNOASSERTION

GridDemo

This project was generated with Angular CLI version 13.3.9.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

ToDO

  1. Init Project
  2. Install SyncFusion
  3. Configure License of SyncFusion
  4. Create Required Components
  5. Add In-Memory-WebAPI
  6. Understand Grid usage and functionality
  7. Add Data Service API
  8. Integrate Data Service API
  9. Add CRUD Operation
  10. Add Functionality
  11. Add Grid for Question-Bank

What I learn?

I understand how syncfusion's components can be integrated in Angular and customized it. How syncfusion has divided their functionality in services and components? How to add Grid and add functionality like CRUD? How to bind data in grid with various data sources? How to persist data with data source when grid modified?

What I did in Project?

I follow above listed steps in ToDo. There is Main Home Component. There are 2 Pages for Question and QuestionBank. I have added default grid without much customizing. I have added In-Memory-Api to Mock Backend. I have bind data to Grid with "Async Pipe".

REFERENCES

  1. SyncFusion Grid Docs
  2. SyncFusion Grid YT Video