z35-listgroup-0003.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 55 行

ZUL
55
字号
<?page id="testZul" title=" New ZUL Title" cacheable="false" 
	language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
<zk>
	<html>
		<![CDATA[
			Test Case: Add Group on Listbox dynamically ! <br />
			<br/>
			Press "Add Group on 4" and "Add Group on 5" serval times, <br /> 
			They should work currently!	
		]]>
	</html>
	<window>
		<zscript>
			<![CDATA[
				List lst = new ArrayList(20);
				for(int i=0;i<20;i++) {
					lst.add(i);
				}
									
				void addGroup(int rn) {
			
			  		Listgroup group = new Listgroup("Group");
			  		
			   		Listitem  row1 = new Listitem();
			    	new Listcell("row1-1").setParent(row1);		    	
				   	Listitem  row2 = new Listitem();
				    new Listcell("row2-1").setParent(row2);		    	
			  		group.setOpen(false);
			  		rs.getChildren().add(rn,row1);
			  		rs.getChildren().add(rn,row2);
			  		rs.getChildren().add(rn,group);
				}
				
				void addGroupFoot(int rn) {
					Listgroupfoot groupfoot = new Listgroupfoot("foot");
					rs.getChildren().add(rn, groupfoot);									
				}
				void addGroupFootEnd(int rn) {
					Listgroupfoot groupfoot = new Listgroupfoot("foot");
					rs.getChildren().add(rs.getItemCount() - rn, groupfoot);
				}
			]]>
		</zscript>
		<listbox id="rs" width="300px" mold="paging" pageSize="10">
			<listitem forEach="${lst}">
				<listcell label="${each}" />
			</listitem>
		</listbox>
		<button label="add group on 4" onClick="addGroup(4);" />
		<button label="add group on 5" onClick="addGroup(5);" />	
		<button label="add foot on 5" onClick="addGroupFoot(5);" />
		<button label="add foot on end" onClick="addGroupFootEnd(0);" />
		<button label="add foot on end - 1" onClick="addGroupFootEnd(1);" />
	</window>
</zk>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?