PDA

View Full Version : Problem with resizable Object in the Panel



TAG
14 Aug 2009, 12:21 AM
I create application with GUI such at Ext example named "complex.html"(ext-3.0.0\examples\layout), I added Tab Panel and Panel in the areas left and right, but I haven't used the properties of the panels "contentEl", all panels haven't a "div" but created only by Ext(and I haven't problem). Only for the central area(region="center"), I insert in <body></body>, a <div id="centrale1"></div>, and the central Panel have a "contentEl: 'centrale1' ". In this last div I inset this code:<div id="idGenericTitoloGriglia" class="griglia"><img id="oggetto1DD" src="oggetti/generici/oggetto1.JPG" height="100" width="100">
Summing up the html code is


<body>
<div id="centrale1">
<div id="idGenericTitoloGriglia" class="griglia"><img id="oggetto1DD" src="oggetti/generici/oggetto1.JPG" height="100" width="100"></div>
</div>
</body>

Next I write this code Ext:


var pippo=new Ext.Resizable("oggetto1DD", {
wrap:true,
pinned:true,
handles: 'all',
draggable:true
});

var AreaCentrale = new Ext.TabPanel({
id: 'contenitoreMaster',
region:'center', deferredRender:true, enableTabScroll:true, autoScroll:true, activeTab:0, split: true,
items:[{
title: 'titolo',
contentEl:'centrale1',
iconCls: 'nuova',
closable:false,
autoScroll: true,
id: 'Genericidtitolo'
}
]
})

This code created a D&D and resizable Object, but the Object have a strange behavior.
Resizable function correctly. When I move the Object, this always remains fixed in the top left(hidden from the upper panel and left panel if its very small), when I scroll the central Panel, I can move the object, but only as long as this does not return to coincide with the new margin in the upper left of the Panel.
I have this question:
1) why object takes as a left margin and the top margins of the browser page and don't take the panel that contains it?
2)have I made mistakes in declaring the object drag and resizable?
3)Why the drag isn't working correctly?

P.S.
This Post is a sub-problem in a more general discuzzione which can be accessed at this link
http://extjs.com/forum/showthread.php?t=77483&page=1