ComboBox 不显示 bootstrap
ComboBox doesn't show with bootstrap
我正在尝试构建一个包含 ComboBox [ZK 组件] 的表单,但我无法显示它。
代码如下:
<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>
问题出在周围的 <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
我正在尝试构建一个包含 ComboBox [ZK 组件] 的表单,但我无法显示它。
代码如下:
<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>
问题出在周围的 <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