ExtJS 4のタブを隠すには? Ext.getCmp( "mytab")。hide()が機能しません 誰でも助けてくれますか?ExtJS 4のタブを隠す方法
6
A
答えて
19
ここにドキュメントを読む:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tab.Panel
を彼らは、タブのリンクから抽出
を非表示にする方法の具体的な例を与える:
var tabs = Ext.create('Ext.tab.Panel', {
width: 400,
height: 400,
renderTo: document.body,
items: [{
title: 'Home',
html: 'Home',
itemId: 'home'
}, {
title: 'Users',
html: 'Users',
itemId: 'users',
hidden: true
}, {
title: 'Tickets',
html: 'Tickets',
itemId: 'tickets'
}]
});
setTimeout(function() {
tabs.child('#home')
.tab.hide();
var users = tabs.child('#users');
users.tab.show();
tabs.setActiveTab(users);
}, 1000);
-3
はこれが有効/無効にタブの内容に私の例であります。
この例では、「Desabilitar」という名前のボタンがあり、そのボタンをクリックするとタブの最初の子が無効になります。 タブの内容は9秒後に有効になります。あなたのタブパネルはIDを持っている、とコンポーネントがIDやアイテムのIDを持っている場合は、次の操作を行うことができます
1
:。Ext.getCmp( 'TAB_PANEL_ID')getComponent( 'ITEM_ID')tab.hide()。
たとえば、
var tabPanel = Ext.create("Ext.tab.Panel", {
id: 'TAB_PANEL_ID',
renderTo: Ext.getBody(),
items:[{
title: 'Tab 1',
itemId: 'TAB_1',
html: 'This is the first tab'
},{
title: 'Tab 2',
itemId: 'TAB_2',
html: 'This is the second tab'
},{
title: 'Tab 3',
itemId: 'TAB_3',
html: 'This is the third tab'
}]
});
// You may want to add following in function body or inside event handler.
// Hide the second tab:
Ext.getCmp('TAB_PANEL_ID').getComponent('TAB_2').tab.hide();
// Show the second tab:
Ext.getCmp('TAB_PANEL_ID').getComponent('TAB_2').tab.show();
関連する問題
- 1. Extjs 4、ツールバーのメニューを自動隠す方法は?
- 2. ExtJSの4ウィンドウを隠す又は
- 3. Android TabLayoutからタブを隠す方法
- 4. ExtJS 4:タブパネル内のすべてのタブを非アクティブにする
- 5. extjs 4アプリケーションのパッケージ化(ミニサイズ)方法
- 6. Extjs 3 to Extjs 4
- 7. ExtJS 4 - グリッドセルイベント? ExtJSので
- 8. ExtJs 4アコーディオンのヘッダーの高さを変更する方法
- 9. ExtJSの4 MVC
- 10. ExtJSのドロップドロップウィジェット4
- 11. ExtJSの4コンボボックスオートコンプリート
- 12. ExtJSの4
- 13. ExtJS Chartグリッドを隠す
- 14. Extjs 4:プログレスバーの色を動的に変更する方法は?
- 15. extjs 4のストアでモデル名を指定する方法は?
- 16. extjs mvcのコントローラからビューを呼び出す方法4
- 17. ExtJs 4パネルの幅を動的に増やす方法は?
- 18. ExtJS 4ネストされたデータを他の方法でロードする
- 19. Extjs 4ラジオグループのチェック値を取得する方法は?
- 20. datafieldのデフォルト値を設定する方法 - EXTJS 4
- 21. jQueryタブを隠す
- 22. ExtJSタブ付きビューでNPAPIプラグインを有効にする方法
- 23. ExtJs 4でREST応答メッセージを取得する方法は?
- 24. Extjs 4でajaxリクエストにbeforerequestイベントを追加する方法は?
- 25. ExtJS 4デスクトップタスクバー - プログラムで高さを取得する方法
- 26. ExtJS 4:同じパラメータでグリッドをリロードする方法
- 27. ExtJS 4デスクトップ - デスクトップショートカットツールチップを設定する方法
- 28. ExtJS 4 - ComboBox Issue
- 29. Ext.grid.Panel xtype ExtJs 4
- 30. extjs 4グリッドレンダラー
Iはtabs.hideTabStripItem(<非表示にするタブ>)とtabs.unhideTabStripItem(<表示するタブ>)を使用しました –