ZK Generic Tree Event Handler

Question

У меня есть приложение, использующее шаблон MVC, версию ZK 8 и компонент Tree в качестве меню. Само приложение использует границу и Tabbox как динамический контейнер. Код дерева меню добавляет вкладку при нажатии. Я успешно делаю это, но неэффективно. Есть ли эффективные альтернативы или способы рефакторинга?

Коды:

<zk> 
<style src="css/style.css" /> 
<borderlayout> 
    <north> 
     <div height="120px" 
      style="background:#3461b2 
      url('images/banner.jpg')no-repeat;" /> 

    </north> 

    <west title="Selamat Datang - ${sessionScope.userCredential.name}" 
    size="22%" autoscroll="true" splittable="true" collapsible="true" 
    vflex="max"> 
    <tree id="menuTree"> 
    <treechildren> 
     <treeitem label="Daily"> 
     <treechildren> 
     <treeitem label="Report 1"> 
     <attribute name="onClick"> 
<![CDATA[ 
Tab newTab; 
if (mainTabbox.getTabs().hasFellow("Report 1")) { 
    newTab = (Tab) mainTabbox.getTabs().getFellow("Report 1"); 
    mainTabbox.setSelectedTab(newTab); 
} else { 
    newTab = new Tab("Report 1"); 
    newTab.setId("Report 1"); 
    newTab.setClosable(true); 
    newTab.setSelected(true); 
    Tabpanel tb = new Tabpanel(); 
    Executions.createComponents("daily/report1.zul", tb, null); 
    mainTabbox.getTabs().appendChild(newTab); 
    mainTabbox.getTabpanels().appendChild(tb); 
} 
    ]]> 
     </attribute> 
    </treeitem> 
    <treeitem label="Logs"> 
      <attribute name="onClick"> 
     <![CDATA[ 
Tab newTab; 
if (mainTabbox.getTabs().hasFellow("Logs")) { 
    newTab = (Tab) mainTabbox.getTabs().getFellow("Logs"); 
    mainTabbox.setSelectedTab(newTab); 
} else { 
    newTab = new Tab("Logs"); 
    newTab.setId("Logs"); 
    newTab.setClosable(true); 
    newTab.setSelected(true); 
    Tabpanel tb = new Tabpanel(); 
    Executions.createComponents("Logs.zul", tb, null); 
    mainTabbox.getTabs().appendChild(newTab); 
    mainTabbox.getTabpanels().appendChild(tb); 
} 
     ]]> 
     </attribute> 
    </treeitem> 
    ... 
    ... 
    <center vflex="min" autoscroll="true"> 
     <div height="100%"> 
    <tabbox id="mainTabbox"> 
    <tabs id="tabs"> 
    <tab id="mainTab" label="Main" /> 
    </tabs> 
    <tabpanels> 
     <tabpanel> 
     <include src="/charts/mainChart.zul" /> 
     </tabpanel> 
       </tabpanels> 
      </tabbox> 
     </div> 
    </center> 
     .... 

Answer 1

Я нашел решение, используя onSelect атрибут слушателя:

<tree id="menuTree"> 
      <attribute name="onSelect"> 
      <![CDATA[ 
    Treeitem item = self.getSelectedItem(); 
    if (item != null) { 
    Tab newTab; 
     if (mainTabbox.getTabs().hasFellow(item.getLabel())) { 
      newTab = (Tab) mainTabbox.getTabs().getFellow(item.getLabel()); 
      mainTabbox.setSelectedTab(newTab); 
     } else { 
      newTab = new Tab(item.getLabel()); 
      newTab.setId(item.getLabel()); 
      newTab.setClosable(true); 
      newTab.setSelected(true); 
      Tabpanel tb = new Tabpanel(); 
      Executions.createComponents(item.getValue().toString(), tb, null); 
      mainTabbox.getTabs().appendChild(newTab); 
      mainTabbox.getTabpanels().appendChild(tb); 
     } 
    } 
     ]]> 
    </attribute> 
      <treechildren> 
       <treeitem label="Daily"> 
        <treechildren> 
         <treeitem label="Tab Label" value="somepage.zul" /> 

         <treeitem label="Other Tab Label" value="otherpage.zul" /> 

.... 

ссылки от: http://forum.zkoss.org/question/3675/tree-onselect-eventlistener/