Grid Facade

• Create utility service
• Create q-grid model in the code

Grid facade contains a set of entry points for more advance using of q-grid.

Create utility service

Grid facade can create an utility service over q-grid model. It could help to control grid focus, progress etc.

import { Grid, GridModel } from 'ng2-qgrid';

@Component({
   selector: 'my-component',
   template: '<q-grid [model]="gridModel"></q-grid>'
})
export class MyComponent {
   gridModel: GridModel;

   constructor(qgrid: Grid) {
      this.gridModel = qgrid.model();

      const service = qgrid.service(this.gridModel);
      // Set focus to the second row
      service.focus(1);
   }
}

Create q-grid model in the code

Grid service is another way to get access to the q-grid model create a new model and add binding to the template.

import { Grid, GridModel } from 'ng2-qgrid';

@Component({
   selector: 'my-component',
   template: '<q-grid [model]="gridModel"></q-grid>'
})
export class MyComponent {
   gridModel: GridModel;

   constructor(qgrid: Grid, dataService: MyDataService) {
      this.gridModel = qgrid.model();
      dataService
         .getRows()
         .subscribe(rows => this.gridModel.data({ rows }));
   }
}