include src navbar dynamically [closed]

asked 2017-03-06 03:40:26 +0800

bayuprams
1

updated 2017-03-08 02:08:13 +0800

cor3000
6280 ● 2 ● 7

Hi i have problem, i did created include src on navbar and thats work. But the problem how to set include src dynamically.

here my sidebar.zul

<div id="sidebar" sclass="sidebar" apply="com.demo.controller.SidebarComposer"  >

    <div viewModel="@id('vm') @init('com.metrasys.controller.NavigationViewModel')">
        <navbar id="navbar" sclass="nav-list" orient="vertical" collapsed="false"
                onSelect="@command('navigatePage', target=self.selectedItem.attributes['navigationPage'])">

            <nav label="DASHBOARD" iconSclass="z-icon-archive"
                children="@load(vm.pageMap[self.label].values()) @template('navitem')"/>

            <nav label="ADMIN" iconSclass="z-icon-user-secret"
                children="@load(vm.pageMap[self.label].values()) @template('navitem')"/>

            <template name="navitem" var="navigationPage">
                <navitem label="@load(navigationPage.subTitle)" selected="@load(navigationPage.selected)"/>
            </template>
        </navbar>
    </div>

</div>

and this my index.zul

<vlayout xmlns:n="native">

 <div id="container" sclass="vertical"
         viewModel="@id('vm') @init('com.demo.controller.NavigationViewModel')">


        <include id="contentInclude" mode="instant"  
                 currentPage="@ref(vm.currentPage)" >

                         <tabbox  model="@bind(vm.tabsModel)" >
                        <template name="model:tabpanel">
                        <tabpanel> 
                              <include src="@bind(currentPage.includeUri)">                        
                                      </include>
                        </tabpanel>
                        </template>
                </tabbox> 
        </include>
 </div>
</vlayout>

and here my mainpage.zul

<zk xmlns:n="native">
<style src="/bootstrap/css/bootstrap.css"/>
<style src="/css/fonts.css"/> 
<style src="/less/index.css.dsp"/>

    <hlayout spacing="0">
    <include src="sidebar.zul"/> 

        <vlayout spacing="0" hflex="1">

          <include src="index.zul"/>    

        </vlayout> 
    </hlayout>

    <script src="js/jquery.flot.pie.js"/>
    <script src="js/jquery.sparkline.min.js"/>
</zk>

the problem is how to set include src dynamically from other page.