zu的页面布局.docVIP

zu的页面布局 ?init class=org.zkoss.zkplus.databind.AnnotateDataBinderInit? zk window id=main title= border=none contentSclass=internal include src=head.zhtml / div align=center window id=xxxWin apply=...XXXController //此页面的总监视器，apply提供监视器类 portallayout id=dashboardLayout forward=onPortalMove=onPortalMoveOrPanelChange //此标签存在与各页面，用于面板移动改变大小 portalchildren //框架内的子框架页面，有几个便有几个portalchildren panel title=Lockbox Summary Report sclass=ftbPanel id=lockboxReportSearch forward=onOpen=onPortalMoveOrPanelChange,onMaximize=onPortalMoveOrPanelChange //panel设置子页面的移动缩小展开。title显示在子页面标题上，id名表明该面板的功能是什么 panelchildren//所有label,grid都要包含在panelchildren面板里 label即html的label textbox即html的text文本框 datebox即html的时间text文本框 grid 即html的table标签 rows //多行用rows包含, row ////每一行row即html的tr标签,每行各列数据取自xxxwin的属性 label value=@{xxxwin$composer.yyy} //和comboitem有一点点不同，@不是$,yyy是xxxwin的属性 /row row combobox id=lockbox下拉框即html的select标签 comboitem label=Any value=/ //默认值全部，下面foreach遍历list生成下拉,foreach写法为“${window监视器的ID$composer.监视器类的属性名} comboitem forEach=${xxxWin$composer.allLockBoxId} label=${each.label} value=${each.value}/ /combobox /row row button label=Search id=search/即html的button,不用设置触发方法，window监视器类内有此方法，会根据ID名调用，方法名为xxxfunction$id,方法名$组件ID /rows /rows /grid grid dbPageModel=@{lockboxActivityReportWin$composer.dbPageModel} model=@{lockboxActivityReportWin$composer.spondenceList} paginal=${paging} // 表格，可以设置model属性表示引用xxxwin的list集合属性,dbPageModel属性是分页所用 auxhead设置grid表格的表头 columns 设置表有几列，只需在开头设定，后面不用写 column //即html的td， /column ... /columns rows row self=@{each=reports} value=@{reports} //对应xxxwin的list遍历，每行是一个reports对象，每列label显示reports的属性值 label value=@{reports.lockbox} / row /rows /grid div align=left //设置分页按键 paging pageSize=20 id=paging detailed=true / /div /panelchildren /panel /portalchildren porta