Merge branch 'master' into tzhelev/samples-routing

live-editing/configs/ComboConfigGenerator.ts

@@ -1,6 +1,6 @@
 import { HttpClientModule } from "@angular/common/http";
 import { IgxComboModule, IgxDropDownModule, IgxIconModule,
-    IgxInputGroupModule, IgxSwitchModule } from "igniteui-angular";
+    IgxInputGroupModule, IgxSwitchModule, IgxToastModule } from "igniteui-angular";
 import { ComboFeatures } from "../../src/app/combo/combo-features/combo-features.component";
 import { RemoteService } from "../../src/app/grid/services/remote.service";
 import { CascadingCombos } from "./../../src/app/combo/cascading-combos/cascading-combos.component";
@@ -16,10 +16,10 @@ export class ComboConfigGenerator implements IConfigGenerator {
             additionalFiles: ["/src/app/combo/combo-features/local-data.ts",
                 "/src/app/grid/services/remote.service.ts"],
             appModuleConfig: new AppModuleConfig({
-                imports: [IgxComboModule, IgxSwitchModule, ComboFeatures,
+                imports: [IgxComboModule, IgxSwitchModule, IgxToastModule, ComboFeatures,
                     HttpClientModule, RemoteService],
                 ngDeclarations: [ComboFeatures],
-                ngImports: [IgxComboModule, IgxSwitchModule, HttpClientModule],
+                ngImports: [IgxComboModule, IgxSwitchModule, IgxToastModule, HttpClientModule],
                 ngProviders: [RemoteService]
             }),
             component: ComboFeatures

src/app/combo/combo-features/combo-features.component.html

@@ -63,5 +63,5 @@ <h3>Remote Binding</h3>
             </igx-combo>
         </div>
     </div>
-
+    <igx-toast #loadingToast></igx-toast>
 </div>

src/app/combo/combo-features/combo-features.component.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, Component, ViewChild } from "@angular/core";
-import { IgxComboComponent } from "igniteui-angular";
+import { IgxComboComponent, IgxToastComponent, IgxToastPosition } from "igniteui-angular";
 import { RemoteService } from "../../grid/services/remote.service";
 import { localData } from "./local-data";
 
@@ -12,7 +12,7 @@ import { localData } from "./local-data";
 export class ComboFeatures {
 
     public prevRequest: any;
-
+    @ViewChild("loadingToast", { read: IgxToastComponent }) public loadingToast: IgxToastComponent;
     @ViewChild("combo1", { read: IgxComboComponent }) public combo1: IgxComboComponent;
     public lData: any[];
     public rData: any;
@@ -49,10 +49,15 @@ export class ComboFeatures {
         if (this.prevRequest) {
             this.prevRequest.unsubscribe();
         }
-
+        this.loadingToast.message = "Loading Remote Data...";
+        this.loadingToast.position = IgxToastPosition.Middle;
+        this.loadingToast.autoHide = false;
+        this.loadingToast.show();
+        this.cdr.detectChanges();
         this.prevRequest = this.remoteService.getData(this.combo2.virtualizationState, this.combo2.searchValue, () => {
-            this.cdr.detectChanges();
             this.combo2.triggerCheck();
+            this.loadingToast.hide();
+            this.cdr.detectChanges();
         });
     }