Hi,
I'm using TabPanel, nested within veiwport (using border layout).
The TabPanel include 2 tabs:
1. Header data tab (the default active tab) - with nested FormPanel > works fine
2. Detailed data tab - with two nested grids > I::
File Format: Microsoft Word - View as HTMLCho phép nhóm một số các thành phần lại và show một nhóm <tab label="Nested 2"/>. <tab label="Nested 3"/> </tabs>. <tabpanels> ua.postCreate(); //then the ZUML page is loaded and child components are created .. jar -xvf quartz-1.5.0-rc1.zip. Những nội dung của Quartz được trích theo thư mục hiện hành.
http://fit.hcmuaf.edu.vn/data/ZK_Quartz_Framework.docHOME |
Log opened Tue May 01 00:00:43 2007 00:38 < MrJeep> sounds like ::
syntax error 15:19 < v-dogg> nested sets still don't work with sqlite 15:20 -! with Agavi itself 17:48 < MikeSeth> [Wed May 2 17:38:08 2007] [notice] child 16:31 < MrJeep> let's say you create a tab panel, add a tab and linking this 14:41 < MikeSeth> its agavi specific, wont work outside Agavi,
http://www.agavi.org/irclogs/agavi-200705.logHOME |
are not shown when click on the tab.
When I was using Ext 2.0 B2, it works fine and all tabs nested objects showed when click on their coresponding tab.
the following is the code I'm using (in red are the problematic lines):
var FoodEditor=function(){
Ext.QuickTips.init();
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
var foodId=-1;
var foodGroupId=-1;
return {
init:function(){
var foodsTree=new FoodGroupsTree();
var foodForm=new FoodForm();
var measuresGrid=new MeasuresGrid();
var nutritonsGrid=new NutritionsGrid();
var simpleSearchFoodForm=new FoodSimpleSearchForm();
nutritonsGrid.SetNoRecalculateBaseValue(true);
var foodsGrid = new FoodsGrid(this, {
tbar:[{
pressed: true,
enableToggle:true,
text:BUTTON_SUMMARY_TEXT,
scope:this
}]
});
foodsTree.on('groupselected',function(node){
foodGroupId=node.id;
foodsGrid.loadFoods(foodGroupId);
});
simpleSearchFoodForm.on('searchclicked',function(s earchType,criteria){
foodsGrid.searchFoods(searchType,criteria);
});
foodsGrid.on('foodselected',function(record){
foodId=record.get('foodId');
foodForm.loadFood(foodId);
nutritonsGrid.loadNutritions(foodId);
measuresGrid.loadMeasures(foodId);
});
measuresGrid.on('measureupdate',function(record){
var newWeight=record.get('foodWeight');
var rowsCount= nutritonsGrid.store.getCount();
nutritonsGrid.SetNoRecalculateBaseValue(false);
for(var i=0;i
{
var nutritionRecord=nutritonsGrid.store.getAt(i);
if(nutritionRecord){
var baseValue=nutritionRecord.get('nutrientBaseValue') ;
From seth at JTAN.COM Sat Mar 1 01:31:00 2003 From: seth at JTAN ::
The datasource gets the exception and does not show the bad data. of NSSlider does behind the scenes to correctly draw the child slider cell? and also have one less pair of nested square brackets, which makes it easier the background on there putting a tabless tabpanel behind the movieview.
http://www.omnigroup.com/mailman/archive/macosx-dev/2003-March.txtHOME |
Zort::
Most young couples having a new child can get a sonogram and see that God has .. Hazelcast 1.6-RC1 is now available for download (Fri, 22 May 2009 21:39:09 +0200) If you don't do so the rule won't match and the conversion won't be made. I'll show 2 methods to clean up your project from unwanted files.
http://antareja.rvs.uni-bielefeld.de/~made/reading/index.php?rssidx=7HOME |
if(baseValue>0 && newWeight>0){
var adjustedValue=baseValue>0?Math.round(baseValue*newWeight)/100:0;
nutritionRecord.set('nutrientValue',adjustedValue) ;
}
}
}
nutritonsGrid.SetNoRecalculateBaseValue(true);
});
measuresGrid.on('measureselected',function(row){
if(row){
var foodWeight=row.get('foodWeight');
var rowsCount= nutritonsGrid.store.getCount();
nutritonsGrid.SetExternalWeight(foodWeight);
if(foodWeight){
for(var i=0;i
{
var record=nutritonsGrid.store.getAt(i);
if(record){
var baseValue=record.get('nutrientBaseValue');
if(baseValue>0){
var adjustedValue=baseValue>0?Math.round(baseValue*foodWeight)/100:0;
nutritonsGrid.SetNoRecalculateBaseValue(false);
record.set('nutrientValue',adjustedValue);
}
}
}
}
nutritonsGrid.SetNoRecalculateBaseValue(true);
}
});
var headerPanel=new Ext.Panel({
title: TAB_TITLE_FOOD_HEADER,
autoScroll:true,
items:[
foodForm
]
});
headerPanel.doLayout();
var dataPanel=new Ext.Panel({
title: TAB_TITLE_FOOD_DATA,
autoScroll:true,
items:[
nutritonsGrid,
measuresGrid
]
});
dataPanel.doLayout();
var foodTabPanel=new Ext.TabPanel({
border:false,
applyTo:viewport,
activeTab:0,
tabPosition:'top',
items:[headerPanel,dataPanel]
});
foodTabPanel.doLayout();
var viewport=new Ext.Viewport({
layout:'border',
items:[{
region:'north',
contentEl:'header',
split:false,
height: 62,
collapsible: false,
margins:'0 2 0 2'
/plugins/sfExtjsThemePlugin/web/extjs/docs/output/Ext.grid ::
Revision 5962, 251.7 kB (checked in by Leon.van.der.Ree, 2 years ago). Updated Extjs to 2.0rc1 1000, the Panel may not be used as a Layout for hosting nested Panels.</p> Panels which are child Components of a TabPanel fire the .. Return false to stop the show. <div class="mdetail-params">
http://trac.symfony-project.org/browser/plugins/sfExtjsThemePlugin/web/extjs/docs/output/Ext.grid.EditorGridPanel.html?rev=5962HOME |
Custom Query – dojo – Trac::
Dojo.query on XML in IE 7 fails for nth-child selectors Have not actually tested though with multiple nested divs. It drops item over there but it doesnt show borderd box over ther which it should show. The elements with role tab and tabpanel both use aria-pressed to indicate if the
http://trac.dojotoolkit.org/query?status=new&status=assigned&status=reopened&row=descriptionHOME |
},{
region:'west',
id:'west-panel',
title:REGION_TITLE_FOOD_GROUPS,
split:true,
width: 300,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 2',
layout:'accordion',
layoutConfig:{
animate:true
},
items: [
foodsTree
,{
title:ACCORDEON_TITLE_FOOD_SEARCH,
border:false,
iconCls:'search',
items:simpleSearchFoodForm
}]
},{
region:'center',
title: REGION_TITLE_FOODS_LIST,
collapsible: false,
split:true,
width: 225,
minSize: 100,
maxSize: 250,
layout:'fit',
margins:'0 0 0 0',
items:[
foodsGrid
]
},{
region:'east',
title: REGION_TITLE_FOODS_DATA,
collapsible: false,
autoScroll:true,
split:true,
width: 600,
minSize: 250,
maxSize: 400,
layout:'fit',
margins:'0 2 2 0',
items:foodTabPanel,
tbar: [{
iconCls:'add-food',
text:BUTTON_ADD_FOOD_TEXT,
handler: addFood,
scope:this
},'-',{
id:'save-food',
iconCls:'save-food',
text:BUTTON_SAVE_FOOD_TEXT,
handler:saveFood,
scope:this
}]
},{
region:'south',
contentEl:'footer',
split:false,
height:15,
layout:'fit',
margins:'2 2 2 2'
}
]//end items
});
//nutritonsGrid.render();
nutritonsGrid.setPosition(320,90);
measuresGrid.setPosition(10,90);
viewport.doLayout();
please help !
thanks
I've run into the same problem earlier. You can try setting "deferredRender: false" on your tabpanel, but this had some side effects for one of my custom widgets. In the end doing a ".doLayout" on "tabchange" solved the problem.
As far as I can tell from your problem description, this should work for you too.
regards,
Simon
here is some more information:
when I set the activeTab config to 1 instead of 0, than the girds are showing and the form (the 0 tab) is not showing. When I set it to 0, than the form is showing and the grid are not showing.
Don't add foodTabPanel to and "east" Panel.
Make foodTabPanel be the "east" Panel.
Create it with region:'east', and use it as a direct child item of the Viewport.
The viewport will manage the layout:
headerPanel.doLayout();
and:
items:[foodTabPanel],
I used only the
foodTabPanel.on('tabchange',function(){
foodTabPanel.doLayout();
});
and it solved the problem.
Thank you for you help Shimon !!!
solved
here
items:foodTabPanel
since I didn't use an array of items, I added only the foodTabPanel object, and it worked. when I replaced the Ext JS files (v .B1) with the RC1 files, it changed.
Did it, but still behave the same. Animal, do you know why it worked on the B1 version and now it doesn't ?
var foodTabPanel=new Ext.TabPanel({
region:'east',
title: REGION_TITLE_FOODS_DATA,
autoScroll:true,
split:true,
width: 600,
minSize: 250,
maxSize: 400,
margins:'0 2 2 0',
border:false,
activeTab:0,
tabPosition:'top',
items:[headerPanel,dataPanel],
tbar: [{
iconCls:'add-food',
text:BUTTON_ADD_FOOD_TEXT,
handler: addFood,
scope:this
},'-',{
id:'save-food',
iconCls:'save-food',
text:BUTTON_SAVE_FOOD_TEXT,
handler:saveFood,
scope:this
}]
});
var viewport=new Ext.Viewport({
layout:'border',
items:[{
region:'north',
contentEl:'header',
split:false,
height: 62,
collapsible: false,
margins:'0 2 0 2'
},{
region:'west',
id:'west-panel',
title:REGION_TITLE_FOOD_GROUPS,
split:true,
width: 300,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 2',
layout:'accordion',
layoutConfig:{
animate:true
},
items: [
foodsTree
,{
title:ACCORDEON_TITLE_FOOD_SEARCH,
border:false,
iconCls:'search',
items:simpleSearchFoodForm
}]
},{
region:'center',
title: REGION_TITLE_FOODS_LIST,
collapsible: false,
split:true,
width: 225,
minSize: 100,
maxSize: 250,
layout:'fit',
margins:'0 0 0 0',
items:[
foodsGrid
]
},foodTabPanel,{ region:'south',
contentEl:'footer',
split:false,
height:15,
layout:'fit',
margins:'2 2 2 2'
}
]//end items
});
thanks
thanks hendricd
I removed the lines (actually, before the problem occured, they weren't there), but the problem still exist.
Then how/where is foodTabPanel (which contains your grids) inserted to become part of the layout ?
 Get Smart About Monitoring Virtual Machines
 Microsoft Gets Ex-Streamly Cozy with U.K.'s MediaWave
|
[2.0 RC1] TabPanel wont show nested childs