Ext.Net ComboBox用法

本文详细介绍了Ext ComboBox控件的使用方法,包括配置DisplayField和ValueField、设置数据源Store及Model,实现分页功能,并通过XTemplate自定义显示样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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绑定,感觉好麻烦。不过还是看个人爱好。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值