2017-07-07 1 views
0

J'essaye de construire un formulaire contenant un ComboBox [composant ZK] mais je n'arrive pas à l'afficher.ComboBox ne s'affiche pas avec bootstrap

est ici le code:

<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

Pouvez-vous fournir un zkfiddle reproduire le problème? –

+0

Oui, ici: [zkfiddle] (http://zkfiddle.org/sample/3s3lsce/4-Another-new-ZK-fiddle) –

Répondre

0

Le problème est la balise <html> environnante. Si vous l'enlevez, vous obtenez le combo.

<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> 

Démo: http://zkfiddle.org/sample/af6lv3/1-Another-new-ZK-fiddle