feat: add default options for idField, textField & childrenField

Crazyht · Jul 13, 2017 · 2e6a6c1 · 2e6a6c1
1 parent 55d172c
commit 2e6a6c1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/src/demo/app/app.module.ts b/src/demo/app/app.module.ts
@@ -6,7 +6,7 @@ import { NgxTreeSelectModule } from 'ngx-tree-select';
 import { Ng2BootstrapModule } from 'ngx-bootstrap';
 
 import { AppComponent } from './app.component';
-import { FlatComponent } from "app/components/flat.component";
+import { FlatComponent } from "./components/flat.component";
 import { HierarchicalComponent } from './components/hierarchical.component';
 import { AppRoutes } from './app.routes';
 
@@ -16,7 +16,7 @@ import { AppRoutes } from './app.routes';
     FormsModule,
     RouterModule.forRoot(AppRoutes),
     Ng2BootstrapModule.forRoot(),
-    NgxTreeSelectModule.forRoot({ filterPlaceholder: 'test', maxVisibleItemCount: 3 })
+    NgxTreeSelectModule.forRoot({ idField: 'id', textField: 'name' })
   ],
   declarations: [
     AppComponent,

diff --git a/src/demo/app/components/flat.component.html b/src/demo/app/components/flat.component.html
@@ -8,8 +8,6 @@ <h1>Exemple ngx-tree-select with flat datas</h1>
         <form novalidate>
             <tree-select name="simpleSelect"
                         [items]="items"
-                        idField="id"
-                        textField="name"
                         childrenField="children"
                         [(ngModel)]="simpleSelected"
                         required=true
@@ -33,8 +31,6 @@ <h1>Exemple ngx-tree-select with flat datas</h1>
         <form novalidate>
           <tree-select name="multipleSelect"
                       [items]="items"
-                      idField="id"
-                      textField="name"
                       childrenField="children"
                       [multiple]="true"
                       [(ngModel)]="multipleSelected"

diff --git a/src/lib/src/component/tree-select.component.ts b/src/lib/src/component/tree-select.component.ts
@@ -120,6 +120,9 @@ export class TreeSelectComponent implements ControlValueAccessor {
         defaultOpts.allowFilter
       );
     this.filterPlaceholder = (defaultOpts.filterPlaceholder || 'Type here for filtering items...');
+    this.idField = (defaultOpts.idField || 'id');
+    this.textField = (defaultOpts.textField || 'id');
+    this.childrenField = (defaultOpts.childrenField || '');
   }
 
   keyUp($event: any) { }

diff --git a/src/lib/src/model/tree-select-default-options.ts b/src/lib/src/model/tree-select-default-options.ts
@@ -6,4 +6,7 @@ export class TreeSelectDefaultOptions {
   public filterPlaceholder?: string;
   public maxVisibleItemCount?: number;
   public allowParentSelection?: boolean;
+  public idField?: string;
+  public textField?: string;
+  public childrenField?: string;
 }