PDA

View Full Version : tree desktop white space extjs 3



intro
6 Nov 2009, 6:57 AM
Hi
I check for that bug but i am only one that have it.
i have a problem with tree, when i collapse and then hide node, i get blank space on tree. but when i load data into sample it is working normal.

http://www.intro.hr/extjs/extjs.jpg
Thanks

// JavaScript Document
//tree prozor
MyDesktop.createWindowtree = function(){
var desktop = this.app.getDesktop();
var win = desktop.getWindow('Izbornik');
var Tree = Ext.tree;

//ispis drveta





///

win = desktop.createWindow({
id: 'Izbornik administracije',
title:'Izbornik administracije',
width:970,
height:680,
iconCls: 'icon-grid',
bodyStyle: 'padding:15px',
layout: 'border',
defaults:{
autoScroll:true,
collapsible: false,
split: true,
bodyStyle: 'padding:15px'
},
items: [{
title: 'Footer',
region: 'south',
height: 150,
minSize: 75,
maxSize: 250,
cmargins: '5 0 0 0',
bodyStyle: 'padding:15px'

},{
title: 'Navigation',
region:'west',
margins: '5 0 0 0',
cmargins: '5 5 0 0',
width: 220,
minSize: 100,
maxSize: 850,
bodyStyle: 'padding:15px',
items: [ new Tree.TreePanel({
id:'im-tree',
useArrows: true,
autoScroll: true,
animate: true,
enableDD: true,
containerScroll: true,
border: false,
// auto create TreeLoader
dataUrl: 'get-nodes.php',
root: {
text: 'Ext JS',
draggable: false,
id: 'src'
}
})
]
},{
title: 'Main Content',
collapsible: false,
region:'center',
margins: '5 0 0 0',
bodyStyle: 'padding:15px'
}]

});

win.show();

}


json

[ { id: '2', text: 'USLUGE',
children: [ { id: '1304', text: 'Web design',
children: [{ id: '1309', text: 'CMS',leaf: true },
{ id: '1', text: 'INTRO D.O.O.',leaf: true },
{ id: '1310', text: 'Web shop',leaf: true },
{ id: '1311', text: 'SEO',leaf: true }] } ,
{ id: '1306', text: 'Software',
children: [{ id: '1316', text: 'Gotova rješenja',leaf: true }] } ,
{ id: '1307', text: 'Hosting',
children: [{ id: '1318', text: 'Lin paketi',leaf: true },
{ id: '1327', text: 'aaaa',leaf: true },
{ id: '1315', text: 'Aplikacije po mjeri',leaf: true },
{ id: '1319', text: 'Domene',leaf: true },{ id: '1320', text: 'Tehni?ka podrška',leaf: true }] } , { id: '1321', text: 'Web design',leaf: true } , { id: '1308', text: 'Web development',leaf: true } ]}, { id: '3', text: 'PORTFOLIO',children: [ { id: '1314', text: 'Priprema za tisak',leaf: true } , { id: '1325', text: 'sdfsdf',leaf: true } , { id: '1322', text: 'Grafi?ki dizajn',leaf: true } , { id: '1323', text: 'Software',leaf: true } , { id: '1324', text: 'Klijenti',leaf: true } , { id: '1305', text: 'Grafi?ki dizajn',children: [{ id: '1312', text: 'Dizajn logotipaxyxc',children: [{ id: '1326', text: 'sdfsdfsdf',leaf: true }] },{ id: '1313', text: 'Branding',leaf: true }] } ]}, { id: '4', text: 'KORISNI?KE STRANICE',leaf: true}, { id: '5', text: 'KONTAKT sss ',leaf: true}]


Thanks for help

intro
6 Nov 2009, 10:20 AM
I found out that editor/lib/ext/ux/miframe-min.js file ( tinymce) is making the error..

Did someone had the same problem

hendricd
6 Nov 2009, 10:30 AM
The previous release of ManagedIframe (what tinyMCE uses) is not compat with Ext 3.0. You could try replacing MIF 1.x in the tinyMCE package with MIF 2.0 (http://www.extjs.com/forum/showthread.php?t=71961) (assuming its GPL license doesn't cause problems for you/tinyMCE).

intro
7 Nov 2009, 12:06 PM
Hi thank you very very much.
Work in ff but when i check ie8 gut error
prototype is nul at line 7

What now how can i check in what is wrong..

When i delete Ext.ux.TinyMCE.js it is ok now.???
Thanks for reply V.

intro
7 Nov 2009, 12:14 PM
Is this good way to import java sc.

Thanks.

<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="ext-all-debug.js"></script>

<!-- DESKTOP -->
<script type="text/javascript" src="js/StartMenu.js"></script>
<script type="text/javascript" src="js/TaskBar.js"></script>
<script type="text/javascript" src="js/Desktop.js"></script>
<script type="text/javascript" src="js/App.js"></script>
<script type="text/javascript" src="js/Module.js"></script>
<script type="text/javascript" src="ux/FileUploadField.js"></script>
<script type="text/javascript" src="sample.js"></script>
<script type="text/javascript" src="izbornik.js"></script>
<script type="text/javascript" src="korisnik.js"></script>
<script type="text/javascript" src="editor/lib/ext/ux/miframe-debug.js"></script>
<script type="text/javascript" src="editor/lib/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="editor/Ext.ux.TinyMCE.js"></script>