newbie question tree peculiarity

asked 2013-07-09 18:20:37 +0800

robertkaren
77 ● 7

updated 2013-07-11 22:17:45 +0800

I have a 2-column tree load-on-demand in a borderlayout below (see lower portion of layout below w/ tree having id "navTree" and buttons labeled START and CHECK) with the tree in a <north> <window> and some buttons in the <center> <window>. it works as I expect. However, if I move the window with the buttons from <north> to <center> and the window with the tree from <center> to <north>, the render() is called to put data into the tree (I see from println sttmts) but there is no visible change to the tree. It remains empty. can someone explain? Thanks.

<borderlayout>
    <west size="45%" border="0" collapsible="true" splittable="true" title="Expand/Collapse" >
        <tabbox id="homeTabLeftTabBox" vflex="1">
            <tabs id="homeTabLeftTabBoxTabs">
               <tab id="surveyTab" label="Survey" />
            </tabs>
            <tabpanels>
                   <tabpanel>
                    <borderlayout>
                        <center>
                        </center>
                    </borderlayout>
                   </tabpanel>
            </tabpanels>
        </tabbox>
    </west>
    <center border="0">
      <div hflex="1"/>
    </center>
    <east size="45%" collapsible="true" splittable="true" title="Expand/Collapse" >
      <div vflex="1" >
        <tabbox id="homeTabRightTabBox" vflex="true">
            <tabs id="homeTabRightTabBoxTabs">
               <tab id="projectTab" label="Project" />
              <tab id="searchTab" label="Search" />
            </tabs>
             <tabpanels>
                <tabpanel>
                   <window  style="background:#ababab" height="100%" apply="com.namsi.eztab.services.BinaryTreeController3">
                      <borderlayout>
                        <center>
                          <window id="southWin" vflex="true" hflex="true" style="background:#aba33b">
                          <tree id="navTree"
                            width="100%" vflex="true"
                            autopaging="true">
                            <treecols sizable="true">
                              <treecol label="Item" width="10%"/>
                              <treecol label="Description" width="90%"/>
                             </treecols>
                            </tree>
                            </window>
                          </center>
                          <north>
                            <window vflex="min" style="background:#22abab" id="northWin" >
                            <button id="startButton" label="START"/>
                            <button id="afterButton" label="Check"/>
                            </window>
                          </north>
                        </borderlayout>
                     </window>
                  </tabpanel>
                  <tabpanel>This is panel Search</tabpanel>
               </tabpanels>
           </tabbox>
         </div>
      </east>
</borderlayout>