fix(md-tabs): add refresh method to support dynamic tabs

aurelia-ui-toolkits · Dec 22, 2016 · be904a8 · be904a8
1 parent a528a9b
commit be904a8
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/tabs/tabs.js b/src/tabs/tabs.js
@@ -58,6 +58,25 @@ export class MdTabs {
     });
   }
 
+  refresh() {
+    this.taskQueue.queueTask(() => {
+      let hrefs = [];
+      $('li a', this.element).each(function(i, tab) {
+        $(tab).parent().addClass('tab');
+        hrefs.push($(tab).attr('href'));
+      });
+      $(hrefs).each((i, tab) => {
+        if (this.selectedTab.index != i) {
+          $(tab).hide();
+        }
+      });
+      this.taskQueue.queueTask(() => {
+        // window resize adjusts Materialize tab indicator
+        $(window).trigger('resize');
+      });
+    });
+  }
+
   fixedChanged(newValue) {
     if (newValue) {
       this.attributeManager.addClasses('tabs-fixed-width');