File tree Expand file tree Collapse file tree 2 files changed +54
-6
lines changed
Expand file tree Collapse file tree 2 files changed +54
-6
lines changed Original file line number Diff line number Diff line change @@ -73,6 +73,42 @@ There are two mandatory attributes that need to be set to an Ignite UI control c
7373
7474In this example ` options ` attribute points to ` gridOptions ` property on the application compoment class and ` widgetId ` points to the ` id ` property.
7575
76+ ### Configuring Top Level Control Options
77+
78+ All top level options are allowed to be set as attributes of an Ignite UI control custom tag. In this case ` options ` attribute is not mandatory,
79+ but it is allowed. And if both - ` options ` and top-level attributes are combined, top-level attributes will override ` options ` ,
80+ when there are overlapping properties. Also changing top-level attribute will apply the change to the widget, only if the option is settable.
81+
82+ #### Example:
83+
84+ @Component({
85+ selector: 'my-app',
86+ template: `<ig-grid
87+ [widgetId]='id'
88+ [width]='w'
89+ [autoCommit]='true'
90+ [dataSource]='data'
91+ [height]='h'
92+ [autoGenerateColumns]='true'
93+ >
94+ </ig-grid>`,
95+ directives: [IgGridComponent]
96+ })
97+ export class AppComponent {
98+ private id: string;
99+ private data: any;
100+ private w: string;
101+ private h: string;
102+ private pKey: string;
103+
104+ constructor() {
105+ this.data = Northwind.getData();
106+ this.id ='grid1';
107+ this.w = '100%';
108+ this.h = '400px';
109+ this.pKey = 'ProductID';
110+ }
111+ }
76112
77113### Handling events
78114
Original file line number Diff line number Diff line change 11{
22 "name" : " igniteui-angular2" ,
3- "version" : " 1.0.0 " ,
3+ "version" : " 1.0.2 " ,
44 "description" : " A packaged version of IgniteUI components for Angular2" ,
55 "license" : " MIT" ,
66 "repository" : {
2222 " data grids"
2323 ],
2424 "dependencies" : {
25- "angular2" : " 2.0.0-beta.14" ,
26- "systemjs" : " 0.19.25" ,
25+ "@angular/common" : " 2.0.0-rc.3" ,
26+ "@angular/compiler" : " 2.0.0-rc.3" ,
27+ "@angular/core" : " 2.0.0-rc.3" ,
28+ "@angular/http" : " 2.0.0-rc.3" ,
29+ "@angular/platform-browser" : " 2.0.0-rc.3" ,
30+ "@angular/platform-browser-dynamic" : " 2.0.0-rc.3" ,
31+ "@angular/router" : " 2.0.0-rc.2" ,
32+ "@angular/router-deprecated" : " 2.0.0-rc.2" ,
33+ "@angular/upgrade" : " 2.0.0-rc.3" ,
34+
35+ "systemjs" : " 0.19.27" ,
2736 "es6-shim" : " ^0.35.0" ,
28- "reflect-metadata" : " 0.1.2" ,
29- "rxjs" : " 5.0.0-beta.2" ,
30- "zone.js" : " 0.6.6"
37+ "reflect-metadata" : " ^0.1.3" ,
38+ "rxjs" : " 5.0.0-beta.6" ,
39+ "zone.js" : " ^0.6.12" ,
40+
41+ "angular2-in-memory-web-api" : " 0.0.12" ,
42+ "bootstrap" : " ^3.3.6"
3143 },
3244 "devDependencies" : {},
3345 "scripts" : {}
You can’t perform that action at this time.
0 commit comments