⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 b30-1822517.zul

📁 ZK是一个Ajax Java Web框架
💻 ZUL
字号:
🔍 
<!-- 
1. Reload page.
2. Press change1 to syncModel of the 1st Listbox, it show 3 new Listitems.
3. Press change2 to syncModel of the 2nd Listbox, it should show 3 new Listitems but NONE is shown.
4. Reload page.
5. Press change3 to syncModel of the 2nd Listbox, it show 4 new Listitems.
6. Press change3 to syncModel of the 2nd Listbox again, it should still show 4 Listitems but it shows nothing. (Looks something wrong with reuse existing Listitem)

The difference between 2 Listbox is the renderer. 
	1st Listbox use renderer which form listitem - listcell (2 level of nested components)
    2nd Listbox use renderer which form listitem - listcell - label (3 level of nested components)

-->
<window>
<html><![CDATA[
1. Reload page.<br/>
2. Press change1 to syncModel of the 1st Listbox, it show 3 new Listitems.<br/>
3. Press change2 to syncModel of the 2nd Listbox, it should show 3 new Listitems but NONE is shown.<br/>
4. Reload page.<br/>
5. Press change3 to syncModel of the 2nd Listbox, it show 4 new Listitems.<br/>
6. Press change3 to syncModel of the 2nd Listbox again, it should still show 4 Listitems but it shows nothing. (Looks something wrong with reuse existing Listitem)<br/>

<p>The difference between 2 Listbox is the renderer. </p>
	<ul><li>1st Listbox use renderer which form listitem - listcell (2 level of nested components)</li>
    <li>2nd Listbox use renderer which form listitem - listcell - label (3 level of nested components)</li></ul>
]]></html>
	<zscript>
	import java.util.*;
	public List m = new ArrayList(6);
	m.add("k1");
	m.add("k2");
	m.add("k3");
	
	public ListModel lm1 = new ListModelList(m);
	
	//listitem - listcell
	public class Rend1 implements ListitemRenderer {
		public void render(Listitem item, Object obj)
		{
			String entry = (String)obj;
			Listcell cell = new Listcell(entry);
			cell.setParent(item);
		}
	}
	
	//listitem - listcell - label
	public class Rend2 implements ListitemRenderer {
		public void render(Listitem item, Object obj)
		{
			String entry = (String)obj;
			Listcell cell = new Listcell();
			new Label(entry).setParent(cell);
			cell.setParent(item);
		}
	}
	
	public ListitemRenderer rend1 = new Rend1();
	public ListitemRenderer rend2 = new Rend2();
	
	public void change1()
	{
		public List m2 = new ArrayList(6);
		m2.add("change1.key1");
		m2.add("change1.key2");
		m2.add("change1.key3");
		
		ListModel lm2 = new ListModelList(m2);

		l1.setModel(lm2);
	}

	public void change2()
	{
		public List m2 = new ArrayList(6);
		m2.add("change2.key1");
		m2.add("change2.key2");
		m2.add("change2.key3");
		
		ListModel lm2 = new ListModelList(m2);

		l2.setModel(lm2);
	}

	public void change3()
	{
		public List m2 = new ArrayList(6);
		m2.add("change3.val1");
		m2.add("change3.val2");
		m2.add("change3.val3");
		m2.add("change3.val4");
		
		ListModel lm2 = new ListModelList(m2);

		l2.setModel(lm2);
	}
	</zscript>
	<groupbox><caption label="1st Listbox (listcell with label prop)"/>
	<listbox model="${lm1}" itemRenderer="${rend1}" id="l1">
	</listbox>
	</groupbox>
	<groupbox><caption label="2nd Listbox (listcell with a label child)"/>
	<listbox model="${lm1}" itemRenderer="${rend2}" id="l2">
	</listbox>
	</groupbox>
	<button onClick="change1()" label="change1"/>
	<button onClick="change2()" label="change2"/>
	<button onClick="change3()" label="change3"/>
</window>

⌨️ 快捷键说明

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