Ext.define('MyApp.view.ui.MyPanel', {
extend: 'Ext.Panel',
config: {
fullscreen: true,
layout: {
type: 'card',
animation: {
type: 'slide',
}
},
items: [
/************** panel home ***************/
{
xtype: 'panel',
id:'homePanel',
layout: {
type: 'card',
animation: {
type: 'slide'
}
},
items : [
{
xtype: 'panel',
items : [{
xtype: 'toolbar',
items : [
{
xtype: 'image',
docked: 'left',
html: '<div class="applogo"><img src="../images/logo.png"/></div>',
ui: 'light'
},
{
xtype: 'button',
docked: 'right',
html: '<img src="../images/about_us.png"/>',
id: 'BtnInfo',
itemId: 'BtnInfo',
style: '',
handler:function(){
Ext.getCmp('homePanel').setActiveItem('aboutusPanel');
}
},
]
},
{ xtype: 'panel',
height: 136,
items: [{
xtype: 'carousel',
id:'HomeCarousel',
height: 136,
items: [
{
title: 'title card 1',
html: '<img src="../images/image_5.png"/>'
},
{
title: 'title card 2',
html: '<img src="../images/image_2.png"/>'
},
{
title: 'title card 3',
html: '<img src="../images/image_3.png"/>'
},
{
title: 'title card 4',
html: '<img src="../images/image_4.png"/>'
}
]
}],
},
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/locations.png" align="left"/></span><span class="list_text">Locations</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></div></span></div>',
id: 'BtnLocationsHome',
itemId: 'BtnLocationsHome',
text: 'Locations',
handler:function(){
Ext.getCmp('homePanel').setActiveItem('locationPanel');
}
},
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/services.png" align="left"/></span><span class="list_text">Services</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></span></div>',
itemId: 'BtnServices',
text: 'Services',
handler: function() {
Ext.getCmp('homePanel').setActiveItem('servicesPanel');
}
},
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/downloads.png" align="left"/></span><span class="list_text">Downloads</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></div></span></div>',
id: 'BtnDownloads',
itemId: 'BtnDownloads',
text: 'Downloads',
handler: function() {
Ext.getCmp('homePanel').setActiveItem('downloadPanel');
}
},
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/promotions.png" align="left"/></span><span class="list_text">Promotions</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></div></span></div>',
id: 'BtnPromotions',
itemId: 'BtnPromotions',
text: 'Promotions',
handler: function() {
Ext.getCmp('homePanel').setActiveItem('promotionPanel');
}
},
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/coupons.png" align="left"/></span><span class="list_text">Coupons</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></span></div>',
itemId: 'BtnCoupons',
text: 'Coupons',
handler: function() {
Ext.getCmp('homePanel').setActiveItem('couponPanel');
}
}
]
}
]},
/* home panel end */
/**************** location **********************/
{
xtype: 'panel',
id:'locationPanel',
layout: {
type: 'card',
animation: {
type: 'slide'
}
},
items : [
{
xtype: 'panel',
items : [
{
xtype: 'toolbar',
docked: 'top',
ui: 'light',
title: 'Locations',
items: [
{
xtype: 'button',
docked: 'left',
html: '<img src="../images/back_arrow.png"/>',
id: 'BtnBackLoc',
itemId: 'BtnBackLoc',
handler: function() {
Ext.getCmp('homePanel').setActiveItem(0);
//this.getParent().parent.setActiveItem('homePanel')
//Ext.getCmp('locationPanel').setActiveItem(0);
}
},
{
xtype: 'button',
docked: 'right',
html: '<img src="../images/home.png"/>',
id: 'LocationBtnHome',
handler: function() {
Ext.getCmp('homePanel').setActiveItem(0);
}
}
]
},
{
xtype: 'panel',
items: [
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/locations.png" align="left"/></span><span class="list_text">Showrooms</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></span></div>',
id: 'BtnShowroomLoc',
itemId: 'BtnShowroomLoc',
handler:function(){
Ext.getCmp('locationPanel').setActiveItem('showroomPanel');
}
},
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/locations.png" align="left"/></span><span class="list_text">Service Centers</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></span></div>',
id: 'BtnServiceCenterLoc',
itemId: 'BtnServiceCenterLoc',
handler:function(){
Ext.getCmp('locationPanel').setActiveItem('servicecenterPanel');
}
},
{
xtype: 'button',
height: 45,
html: '<div class="list_item"><span class="list_icon"><img src="../images/locations.png" align="left"/></span><span class="list_text">Driving Schools</span><span class="list_forward"><img src="../images/arrow.png" align="right"/></span></div>',
id: 'BtnDriveLoc',
itemId: 'BtnDriveLoc',
handler:function(){
Ext.getCmp('locationPanel').setActiveItem('drivingschoolPanel');
}
}
]
}
]
}
]
},
/* panel location end */
0
A
回答
1
只需在後退按鈕處理程序中使用setActiveItem();
函數。在設置活動項目功能只需提及您的家庭面板。
+0
我想爲3個面板使用卡片佈局。所以導航到第三個面板後。我需要直接進入主頁按鈕。處理函數:function(){ Ext.getCmp('homePanel')。setActiveItem(0); } //但是使用這個函數我只能去後面的鏈接.ie我的第二個面板沒有到主頁.. – manuthaliath 2012-03-01 08:48:28
+0
嘗試添加監聽器在你的TabPanel中並嘗試一次索引。 – Nag 2012-03-01 09:06:18
相關問題
- 1. 如何防止Android的返回按鈕,主頁從導航回到
- 2. 停止導航回到菲奧裏的Launchpad主頁點擊主頁按鈕
- 3. Magento:我如何隱藏導航菜單中的主頁按鈕
- 4. 從導航抽屜回到主頁(activity_main)
- 5. Docusign RestAPI導航到最後一頁
- 6. 導航到主頁
- 7. 使用按鈕導航到導航窗口中的另一頁
- 8. 按下按鈕導航到XAML頁面
- 9. 上一個和下一個按鈕導航頁面到第一頁和最後一頁在劍道UI
- 10. 刷新頁面,然後導航到後退按鈕上按
- 11. 如何導航到按鈕的另一個頁面
- 12. 導航到頁面,然後點擊一個按鈕
- 13. 允許導航到MainPage的應用內主頁按鈕?
- 14. 從主頁添加導航
- 15. 在Android中,如何從按下返回鍵後返回音樂/主頁按鈕
- 16. 不能得到下一頁按鈕在最後一頁切換
- 17. 導航到從幀網主頁
- 18. 返回/主頁按鈕[Java]
- 19. 我可以用按鈕回到第一個導航控制頁面?
- 20. 如何禁用後退按鈕導航在某些頁面
- 21. 按鈕返回=動作按鈕主頁
- 22. 的PhoneGap:導航回到第一頁
- 23. 上一頁/下一頁導航鏈接按鈕
- 24. 我得到StaleElementReferenceException後導航到不同的頁面和回來
- 25. 如何使後退按鈕充當Android中的主頁按鈕
- 26. 導航到角度爲2的按鈕的另一個頁面
- 27. angularJS - 簡單的按鈕導航頁面
- 28. 添加主頁按鈕操作欄的最後一項活動
- 29. 從我的其他活動回到主要活動的主頁按鈕
- 30. 如何設置頁面從列表框導航到另一頁?
對不起,但你不能發佈這樣一個巨大的片段,沒有描述/信息,並期望人們提供幫助。 – rdougan 2012-02-29 06:11:28
你想導航到特定的按鈕或整個面板? – Nag 2012-02-29 09:26:59