Kendo UI angular 2 TabStripComponent有一個方法selectTab。我如何使用它來激活打字稿代碼中的選項卡?如何在kendo ui angular 2中以編程方式激活選項卡
1
A
回答
0
無法真正找到如何使用selectTab
方法,但您可以使用selected
屬性來決定哪個選項卡處於活動狀態。如documentation
1
您可以使用tabstrip組件中的selectTab(index)方法。
首先,在您的視圖組件選擇添加到您的標籤欄:
<kendo-tabstrip #tabstrip>... </kendo-tabstrip>
現在,你可以從你的模塊通過
@ViewChild('tabstrip') public tabstrip: TabStripComponent;
最後訪問標籤欄,您可以使用激活任何標籤其指數與
tabstrip.selectTab(index);
這是一個Plunker如果你想看一看。
請注意,如果目標選項卡被禁用,它將不會切換!
相關問題
- 1. 如何以編程方式選擇Angular UI上的選項卡?
- 2. Angular + bootstrap-ui,檢查當前選項卡是否已經激活
- 3. 我將如何以編程方式激活iPhone語音激活?
- 4. 如何在Kendo Grid + Angular 4中以編程方式設置選定的行?
- 5. 如何在選擇其他選項卡時激活選項卡?
- 6. 以編程方式創建選項卡
- 7. Kendo UI Angular 2 - RowTemplate?
- 8. 如何在gridview中'啓用選擇'在vb中以編程方式激活?
- 9. 如何在iOS中以編程方式激活控件?
- 10. 以編程方式激活Outlook
- 11. 以編程方式添加選項卡,c#選項卡控件
- 12. 以編程方式激活NSMenuItem
- 13. 如何在Angular UI選項卡中編譯動態內容?
- 14. 以編程方式通過react-bootstrap更改活動選項卡
- 15. 如何激活當前選項卡
- 16. 在新選項卡中以編程方式創建新的QTextEdit
- 17. 如何以編程方式設置jQuery默認選項卡?
- 18. SproutCore以編程方式在MenuPane中激發項目選擇
- 19. 如何以編程方式更改選項卡在MATLAB GUI
- 20. C#如何以編程方式在控件之間選項卡
- 21. 如何以編程方式設置選定的選項卡SlidingTabLayout
- 22. 以編程方式在Angular 2素材中選擇md-tab
- 23. 如何以編程方式激活vb6中的表單
- 24. 如何以編程方式激活Windows Mobile中的菜單
- 25. 以編程方式激活以iphone的方式表示
- 26. 如何以編程方式導航WPF UI元素選項卡停止?
- 27. 如何以編程方式在Angular 2頁面中滾動div?
- 28. 在Jquery中以編程方式更改選項卡和選項卡的內容
- 29. 如何禁用angular-ui bootstrap選項卡?
- 30. 如何以編程方式關閉Kendo UI自動完成