-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi, We create tree inside borderlayout as follows.
ZK --> BorderLayout --> LayoutRegion --> Div --> Panel --> PanelChildren --> VLayout --> TreeItem
When right clikcing on the tree item, the context menu gets open and when i try to resize the region with context menu open, the tree gets disappeared. When i try to resize with context menu open, it sets the height of the v-layout-inner to zero(0). Hence it disappears. Sometimes, tree disappears when we right click on the tree item to see the context menu.
Please find the sample zk file.
<html > <head> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="-1" /> <title>C O R E</title>
<link rel="stylesheet" type="text/css" href="/core/zkau/web/389e2ce/zul/css/zk.wcs"/> <link rel="stylesheet" type="text/css" href="/core/lib/jquery-ui-1.10.2/css/smoothness/jquery-ui-1.10.2.custom.css"/> <link rel="stylesheet" type="text/css" href="/core/lib/pnotify-1.2/css/jquery.pnotify.default.css"/> <link rel="stylesheet" type="text/css" href="/core/lib/pnotify-1.2/css/jquery.pnotify.default.icons.css"/> <link rel="stylesheet" type="text/css" href="/core/css/myCustom.css.dsp"/> <link rel="stylesheet" type="text/css" href="/core/css/myButton.css.dsp"/> <link rel="stylesheet" type="text/css" href="/core/css/myHeader.css.dsp"/>
<script type="text/javascript" src="/core/zkau/web/389e2ce/js/zk.wpd" charset="UTF-8"></script> <script type="text/javascript" src="/core/zkau/web/389e2ce/js/zul.lang.wpd" charset="UTF-8"></script> <script type="text/javascript" src="/core/zkau/web/389e2ce/js/zuljsp.js" charset="UTF-8"></script> <script type="text/javascript" src="/core/lib/jquery-ui-1.10.2/js/jquery-ui-1.10.2.custom.min.js" charset="UTF-8"></script> <script type="text/javascript" src="/core/lib/pnotify-1.2/js/jquery.pnotify.min.js" charset="UTF-8"></script> <!-- ZK
6.5.2 EE 2013032614 --> <script class="z-runonce" type="text/javascript">//<![CDATA[ zkopt({ppos:'center'});//]]> </script><script type="text/javascript">
zk.afterLoad('zul.menu', function () {
zul.menu.Menu.prototype.domStyle_ = function () {
return 'padding-right:0px; padding-left:0px';
}
})
</script> </head> <body> <div id="yDEM_" class="z-temp"><div id="zk_proc" class="z-loading"><div class="z-loading-indicator"><span class="z-loading-icon"></span>Processing...</div></div></div>
<script class="z-runonce" type="text/javascript">//<![CDATA[ zkmx( [0,'yDEM_',{id:'portalPage',dt:'z_4i',cu:'/core',uu:'/core/zkau',ru:'/borderLayout.zul'},[ ['zul.utl.Script','yDEM0',{},[]], ['zul.utl.Style','yDEM1',{visible:false,src:'/core/css/report.css'},[]], ['zul.wnd.Window','yDEM2',{id:'consoleAWindow',$$onSize:false,$$onMaximize:false,$$onOpen:false,$$onMinimize:false,$$onZIndex:false,$onClose:true,$$onMove:false,width:'100%',height:'100%',prolog:'\n\t\n\t\n\n\t'},[ ['zul.layout.Borderlayout','yDEM3',{id:'borderLayoutParent'},[ ['zul.layout.North','yDEM4',{id:'northHeader',$$onSize:false,$$onOpen:false,height:'110px',splittable:true,collapsible:true},[]], ['zul.layout.Center','yDEM5',{id:'mainCenter',$$onSize:false,$onSize:true,$$onOpen:false,vflex:'1',hflex:'1'},[ ['zul.layout.Borderlayout','yDEM6',{},[ ['zul.layout.West','yDEM7',{id:'west_2',$$onSize:false,$onSize:false,$$onOpen:false,width:'30%',vflex:'1',hflex:'1',title:' ',splittable:true,collapsible:true},[ ['zul.wgt.Div','yDEM8',{vflex:'1',hflex:'1'},[ ['zul.wnd.Panel','yDEM9',{$$onSize:false,$$onMaximize:false,$$onOpen:false,$$onMinimize:false,$$onZIndex:false,$onClose:true,$$onMove:false,height:'521px',vflex:'1',hflex:'1',border:'rounded'},[ ['zul.wnd.Panelchildren','yDEMa',{id:'P01.P01-L',hflex:'1',vflex:'1'},[]]]]]]]], ['zul.layout.Center','yDEMb',{id:'center',$onSize:true,vflex:'1',hflex:'1'},[ ['zul.layout.Borderlayout','yDEMc',{},[ ['zul.layout.North','yDEMd',{id:'north_5',$onSize:false,height:'50%',vflex:'1',hflex:'1',title:'Library Hierarchy \n',splittable:true,collapsible:true},[ ['zul.wgt.Div','yDEMe',{vflex:'1',hflex:'1'},[ ['zul.wnd.Panel','yDEMf',{$onClose:true,height:'260px',vflex:'1',hflex:'1'},[ ['zul.wnd.Panelchildren','yDEMg',{id:'P01.P01-R.P01-R-0T',hflex:'1',vflex:'1'},[ ['zul.box.Vlayout','yDEMl',{id:'ContextLibraryHierarchyTree',vflex:'1',hflex:'1'},[ ['zul.sel.Tree','yDEMm',{id:'LibraryHierarchyTree',$$onSelect:false,$$onAnchorPos:false,$$onInnerWidth:false,$$onPageSize:true,$$onScrollPos:false,height:'100%',vflex:'1',hflex:'1',multiple:true},[ ['zul.sel.Treechildren','yDEMn',{},[ ['zul.sel.Treeitem','yDEMo',{id:'100000',$onClick:true,$$onOpen:false,$onOK:true,context:'uuid(yDEMr)'},[ ['zul.sel.Treerow','yDEMp',{$onDrop:true,droppable:'true'},[ ['zul.sel.Treecell','yDEMq',{style:'font-family : arial;font-size: 10px;color:
#000000; white-space: nowrap;',tooltiptext:'Library (100000)',label:'Library (100000)',image:'/core/images/Library.png'},[]]]]]]]]]], ['zul.menu.Menupopup','yDEMr',{visible:false,$$onOpen:false},[ ['zul.menu.Menuitem','yDEMs',{$onClick:true,$$onCheck:false,label:'Paste'},[]], ['zul.menu.Menuitem','yDEMt',{$onClick:true,label:'Checkout Rule'},[]], ['zul.menu.Menuitem','yDEMu',{$onClick:true,label:'Go To Rule'},[]], ['zul.menu.Menuitem','yDEMv',{$onClick:true,label:'Copy'},[]], ['zul.menu.Menuitem','yDEMw',{$onClick:true,label:'Delete Node'},[]], ['zul.menu.Menuitem','yDEMx',{$onClick:true,label:'Create Rule'},[]], ['zul.menu.Menuitem','yDEMy',{$onClick:true,label:'Enterprise Associations'},[]], ['zul.menu.Menuitem','yDEMz',{$onClick:true,label:'Add Node'},[]], ['zul.menu.Menuitem','yDEM_0',{$onClick:true,label:'Rename'},[]]]]]]]]]]]]]], ['zul.layout.Center','yDEMh',{id:'centerChild',$onSize:false,vflex:'1',hflex:'1'},[ ['zul.wgt.Div','yDEMi',{vflex:'1',hflex:'1'},[ ['zul.wnd.Panel','yDEMj',{$onClose:true,height:'260px',vflex:'1',hflex:'1'},[ ['zul.wnd.Panelchildren','yDEMk',{id:'P01.P01-R.P01-R-1B',hflex:'1',vflex:'1'},[]]]]]]]]]]]]]]]]]]]]]],0, ['script','["zk.load(\'zkex.cmsp\');zk.afterLoad(function(){zkmax.cmsp.start(\'z_4i\');});"]', 'clearBusy',null]); //]]> </script> <noscript> <div class="noscript"><p>Sorry, JavaScript must be enabled.<br/>Change your browser options, then <a href="">try again</a>.</p></div> </noscript>
</body> </html>
Thanks, Baskar.S
Asked: 2014-01-02 02:34:55 +0800
Seen: 23 times
Last updated: Sep 15 '16
Large Tree with dynamic columns
Tree width lost after changing col width on maximized panel
MVVM tree example to show add/insert/delete/move/drag?
Error writing 'checked' on type org.zkoss.zul.Checkbox [closed]
Problem with changing MVVM tree model
zk framework: how to load zul pages from WEB-INF under directory zul