本文详细介绍了Ext ComboBox控件的使用方法，包括配置DisplayField和ValueField、设置数据源Store及Model，实现分页功能，并通过XTemplate自定义显示样式。
ComboBox是最常用的控件之一，可以进行多选、自定义显示格式、分页等。
对于一个ComboBox来说，一定要制定DisplayField和ValueField，然后它包含了一个Store，这个store就是数据的来源。
<ext:ComboBox runat="server" ID="cmbUserList" DisplayField="Name" ValueField="ID">
<Store>
<ext:Store runat="server" ID="storeUserInfo">
<Model>
<ext:Model ID="Model1" runat="server" IDProperty="ID">
<Fields>
<ext:ModelField Name="ID" Type="Int"></ext:ModelField>
<ext:ModelField Name="Name" Type="String"></ext:ModelField>
等等等 你想要显示的字段
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
</ext:ComboBox>
如果想要ComboBox支持分页，只需要加上PageSize="5"即可。在次刷新，已经发现是可以分页了。
ComboBox支持通过XTemplate来自定义每一项的显示。
<ListConfig>
<ItemTpl runat="server">
<Html>
<div>
<b>{Name}</b><br />
<span>年龄：{Age}</span><br />
<span>性别：{Gender}</span>
</div>
</Html>
</ItemTpl>
</ListConfig>黄色区域，就自由发挥了。
还有一种就是纯JS绑定，
我个人不是很喜欢JS绑定，感觉好麻烦。不过还是看个人爱好。
扫一扫
5316
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
