ComboBoxがブートストラップで表示されない

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>

出典

2017-07-07 Kilo Batata

は、あなたが問題を再現zkfiddleを提供することはできますか？ –

はい、ここに：[zkfiddle]（http://zkfiddle.org/sample/3s3lsce/4-Another-new-ZK-fiddle） –

問題は、周囲の<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

出典

2017-07-07 17:08:46

ComboBoxがブートストラップで表示されない

答えて

関連する問題