2017-07-07 76 views
0

我想构建一个包含ComboBox [ZK组件]的表单,但我无法获取它来显示。ComboBox不显示引导程序

下面的代码:

<h:form class="form form-vb"> 
    <h:div class="input-group"> 
     <h:label for="ZipCode"> 
       Code ZIP : 
      </h:label> 
      <combobox 
       sclass="form-control" 
       width="100%"     
       id="ZipCode" 
       model="@bind(vm.ZipCodeList)" 
       selectedItem="@bind(vm.zipcode)" autodrop="true" 
              autocomplete="true" 
              value="@load(ZipCode.name)"> 
              <template name="model"> 
               <comboitem 
              value="@bind(each.zipcode)" /> 
              </template> 
             </combobox>    
            </h:div> 
</h:form> 
+0

你可以提供一个zkfiddle再现问题? – 2017-07-07 16:16:27

+0

是的,在这里:[zkfiddle](http://zkfiddle.org/sample/3s3lsce/4-Another-new-ZK-fiddle) –

回答

0

的问题是周围<html>标签。如果你删除它,你会得到组合。

<zk xmlns:h="http://www.w3.org/1999/xhtml"> 
    <style src="css/home/bootstrap.css" /> 
    <window border="normal" title="hello" apply="pkg$.TestComposer"> 
     <div>Welcome to ZK Fiddle , run it right now!</div> 
     <h:form class="form form-vb"> 
      <h:div class="input-group"> 
       <h:label for="ZipCode"> 
        Code ZIP : 
       </h:label> 
       <combobox 
         sclass="form-control" 
         width="100%"     
         id="ZipCode" 
         model="@bind(vm.ZipCodeList)" 
         selectedItem="@bind(vm.zipcode)" 
         autodrop="true" 
         autocomplete="true" 
         value="@load(ZipCode.name)"> 
        <template name="model"> 
         <comboitem value="@bind(each.zipcode)" /> 
        </template> 
       </combobox> 
      </h:div> 
     </h:form> 
     <button id="btn" label="Click Me To Evalute Event Binding With Composer"/> 
    </window> 
</zk> 

演示:http://zkfiddle.org/sample/af6lv3/1-Another-new-ZK-fiddle