zk

zk constrint总结

当你在zk标签上加入了constraint属性的时候，当你忽略它点击提交的时候它还是能够提交的，而且报的错误直接很不友好的形式弹出在了页面上，解决办法是(看diary2月7日的更清晰易懂)：

 

 //第一步：加入zk的form表单，当你不需要action的时候就不写action属性
<h:form id="validateForm" action="/updateProfile" xmlns:h="http://www.w3.org/1999/xhtml">
<grid width="400px">
  <rows>
//第二步:加入限制标签,注意限制标签在datebox中的用法
    <row>Firt Name <textbox id="firstName" name="firstName" value="John" constraint="no empty"/></row>
    <row>Last Name <textbox id="lastName" name="lastName" value="Wells" constraint="no empty"/></row>
    <row>Birthday <datebox id="birthday" name="birthday" constraint="no empty"/></row>
    <row>Title
<combobox id="title" name="title" value="Programmer" constraint="no empty">
  <comboitem label="Programmer" description="Software developer"/>
  <comboitem label="Architect" description="Software architect"/>
  <comboitem label="Project Manager" description="Techinical lead, project manager"/>
</combobox>
    </row>
    <row>Role
<listbox name="role" multiple="true">
  <listitem value="1" label="Determine need"/>
  <listitem value="2" label="Evaluate products/sesrvices"/>
  <listitem value="3" label="Recommend products/sesrvices"/>
  <listitem value="4" label="Implement products/sesrvices"/>
  <listitem value="5" label="Techinical decision maker"/>
  <listitem value="6" label="Financial decision maker"/>
</listbox>
    </row>
    <row>
//第三步：在button上加入onClick事件，在我的代码中(care_resource_upload_zul)，不需要action，   //所以第一步中的form中action属性不需要
      <button label="上传资源到服务器" onClick="validate()"/>
    </row>
  </rows>
</grid>
//加入校验属性值的zscript，知道这么写就行了！
<zscript><![CDATA[
  void validate() {
    //validate data
    firstName.getValue();
    lastName.getValue();
    birthday.getValue();
    title.getValue();
    //submit the form
    Clients.submitForm(validateForm);
  }
]]></zscript>
</h:form>