fixes

Yarik
1 parent 6c0454b9
Showing 3 changed files with 11 additions and 17 deletions Show diff stats
src/app/components/grid/rich-grid.component.html
src/app/components/grid/rich-grid.component.ts
src/app/helpers/editor.component.ts
-<div style="width: 800px;">
+<div>
     <h1>Rich Grid with Pure JavaScript</h1>
     <div style="clear: both;"></div>
     <div *ngIf="showGrid">
-        <button class="btn btn-warning" (click)="addNewRow()" type="button">Добавить новое поле</button>
-        <button class="btn btn-danger" (click)="deleteRows()" type="button">Удалить</button>
+        <button md-raised-button (click)="addNewRow()" type="button">Добавить новое поле</button>
+        <button md-raised-button (click)="deleteRows()" type="button">Удалить</button>
         <div *ngIf="isLoading" class="">
             ...Loading
         </div>
@@ -39,6 +39,7 @@ export class RichGridComponent {
     public boolean: BooleanSelectList[];
     public isLoading: boolean = false;
     public isBootstrapping: boolean = true;
+    public isSelected: boolean = true;
     private columnDefs: any[];
     private gridOptions: GridOptions;
  
@@ -73,7 +74,6 @@ export class RichGridComponent {
           this.gridOptions.api.refreshVirtualPageCache();
       });
     }
-
     setRowData(allOfTheData) {
       let dataSource = {
           rowCount: null, // behave as infinite scroll
@@ -121,13 +121,11 @@ export class RichGridComponent {
       {
         headerName: 'ID',
         field: 'busStopId',
-        width: 150
       },
       {
         headerName: 'Назва дороги',
         field: 'roadId',
         editable: true,
-        width: 150,
         cellEditorFramework: EditorComponent,
         cellRendererFramework: RendererComponent,
         cellEditorParams: {
@@ -140,7 +138,6 @@ export class RichGridComponent {
         headerName: 'Область',
         field: 'regionId',
         editable: true,
-        width: 150,
         cellEditorFramework: EditorComponent,
         cellRendererFramework: RendererComponent,
         cellEditorParams: {
@@ -153,19 +150,16 @@ export class RichGridComponent {
         headerName: 'Місцезнаходження, км+ справа',
         field: 'locationRight',
         editable: true,
-        width: 150
       },
       {
         headerName: 'Місцезнаходження, км+ зліва',
         field: 'locationLeft',
         editable: true,
-        width: 150
       },
       {
         headerName: 'Технічний стан',
         field: 'stateCommonId',
         editable: true,
-        width: 150,
         cellEditorFramework: EditorComponent,
         cellRendererFramework: RendererComponent,
         cellEditorParams: {
@@ -178,7 +172,6 @@ export class RichGridComponent {
         headerName: 'Наявність туалету',
         field: 'toiletAvailability',
         editable: true,
-        width: 150,
         cellEditorFramework: EditorComponent,
         cellRendererFramework: RendererComponent,
         cellEditorParams: {
@@ -5,16 +5,17 @@ import { AgEditorComponent } from &#39;ag-grid-ng2/main&#39;;
 @Component({
     selector: 'editor-cell',
     template: `
-    <md-select #container>
-        <md-option *ngFor="let item of data" (click)="onClick(item[this.params.valueCol])" >
-            {{item[this.params.labelCol]}}
-        </md-option>
-    </md-select>
+        <div class="md-select-panel">
+            <div #container class="md-select-content">
+                <md-option *ngFor="let item of data" (click)="onClick(item[this.params.valueCol])" >
+                    {{item[this.params.labelCol]}}
+                </md-option>
+            </div>
+        </div>
     `
 })
 export class EditorComponent implements AgEditorComponent, AfterViewInit {
     @ViewChild('container', {read: ViewContainerRef}) public container;
-    @ViewChild('container') public child;
     public item: Object = null;
     public data: Object[];
     private params: any;