databind.zul

ZK是一个Ajax Java Web框架

<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" ?> 
<zk>
<zscript src="Person.zs"/>
<window id="mainwin" xmlns:a="http://www.zkoss.org/2005/zk/annotation">
  <hbox>
  <a:bind model="personList" selectedItem="selected"/>
  <listbox width="800px" rows="8">
    <listhead>
      <listheader width="200px"/>
      <listheader width="200px"/>
      <listheader width="200px"/>
      <listheader width="200px"/>
    </listhead>
    <a:bind _var="person"/>
    <listitem onDoubleClick="alert(&quot;doubleclick&quot;);">
      <listcell style="white-space:nowrap;overflow:hidden">
        <a:bind value="person.firstName"/>
        <textbox id="fn"/>
      </listcell>
      <listcell style="white-space:nowrap;overflow:hidden">
        <a:bind value="person.lastName"/>
        <textbox id="ln"/>
      </listcell>
      <listcell style="white-space:nowrap;overflow:hidden">
        <a:bind value="person.fullName"/>
        <label maxlength="20"/>
      </listcell>

      <listcell>
        <a:bind model="emailList" selectedItem="person.email"/>
        <listbox mold="select" rows="1">
        	<a:bind _var="email" label="email"/>
        	<listitem/>
        </listbox>
      </listcell>
    </listitem>
  </listbox>
  
  <grid>
    <rows>
      <row>
        First Name:
        <a:bind value="selected.firstName"/>
        <textbox id="firstName"/>
      </row>
      
      <row>
        Last Name:
        <a:bind value="selected.lastName"/>
        <textbox id="lastName"/>
      </row>
      
      <row>
        Email:
      <a:bind model="emailList" selectedItem="selected.email"/>
      <listbox mold="select" rows="1">
        <a:bind _var="email" label="email"/>
        <listitem/>
      </listbox>
      </row>
					<row> 
						Email: 
						<a:bind model="emailList" selectedItem="selected.email"/> 
						<listbox mold="select" rows="1"> 
							<a:bind _var="email" label="email"/> 
							<listitem/> 
						</listbox> 
					</row> 
      <row>
      	Street:
      	<a:bind value="selected.address.street"/>
      	<textbox id="street"/>
      </row>
      <row>
      	City:
      	<a:bind value="selected.address.city"/>
      	<textbox id="city"/>
      </row>
    </rows>
  </grid>
  </hbox>
<grid>
<columns>
	<column width="50%"/>
	<column width="50%"/>
</columns>
<rows>
<row> 
<label value="FirstName, after Save button:" /> 
<a:bind value="selected.firstName;save-when:SaveButton.onClick" /> 
<textbox id="ID"/> 
</row> 
<row> 
<label value="LastName, after Save button:" /> 
<a:bind value="selected.lastName;save-when:SaveButton.onClick" /> 
<textbox id="Phone1"/> 
</row>
</rows>
</grid> 
<button id="SaveButton" label="Save" onClick="doNothing()"/> 
   <zscript>
   doNothing() { }
   
    //prepare collection list
    setupPerson(Person person, int j) {
      person.setFirstName("First"+j);
      person.setLastName("Last"+j);
      person.setEmail("email"+j+"@potix.com");
    }
    
    //prepare a selected person
    Person selected = new Person();
    
    //prepare the example person List
    int count = 30;
    List personList = new ArrayList();
//    self.setVariable("personList", personList, false);
    for(int j= 0; j &lt; count; ++j) {
      Person personx = new Person();
      if (j == 1) {
      	personx.setAddress(new Address());
      	selected = personx;
      }
      setupPerson(personx, j);
      personList.add(personx);
    }
    
    //prepare email list
    Set emailList = new LinkedHashSet();
    for(int j= 0; j &lt; count; ++j) {
      emailList.add("email"+j+"@potix.com");
    }
  </zscript>
</window>
</zk>