1

ZK 6.5.2 - Tree diappears while rezing the region when tree context menu is open

asked 2014-01-02 02:34:55 +0800

udayabaski gravatar image udayabaski
29 1

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

delete flag offensive retag edit

2 Answers

Sort by ยป oldest newest most voted
0

answered 2016-09-15 00:42:47 +0800

wwest gravatar image wwest
1

Interesting ... that's still a problem with ZK 8.0.1.1. Setting the height of the tree to a fixed value works. When it is set using vflex, the height shrinks to zero when a contextmenu pops.

link publish delete flag offensive edit
0

answered 2016-09-15 02:39:44 +0800

wwest gravatar image wwest
1

Okay ... in my case, moving the <menupopup> tagout outside of the <borderlayout> fixed the problem.

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2014-01-02 02:34:55 +0800

Seen: 23 times

Last updated: Sep 15 '16

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More