EXT.NET ComboBox模糊查询

最新推荐文章于 2023-04-25 14:22:40 发布

Crazy_Jesus

最新推荐文章于 2023-04-25 14:22:40 发布

阅读量634

点赞数 2

分类专栏： .net ext 文章标签： EXT.NET

本文链接：https://blog.csdn.net/qq_33087975/article/details/80590516

版权

.net 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

ext

4 篇文章 0 订阅

订阅专栏

实现combobox输入框模糊查询store绑定数据，
具体实现代码如下：
js部分：
function ChangeValueFilter(e) {
e.store.clearFilter();
var value = e.getValue();
if (value != null && value != ”) {
e.store.filterBy(function (record) {
var text = record.get(e.displayField);
return text.indexOf(value) != -1;
});
}
}

<ext:ComboBox runat="server" ID="cmb" LabelAlign="Right" FieldLabel="combobox" DisplayField="NO" ValueField="ID" EmptyText="..." ColumnWidth=".9">
                            <Store>
                                <ext:Store runat="server" ID="sre" OnReadData="sre_ReadData">
                                    <Model>
                                        <ext:Model runat="server" IDProperty="ID">
                                            <Fields>
                                                <ext:ModelField Name="ID"></ext:ModelField>
                                                <ext:ModelField Name="NAME"></ext:ModelField>
                                                <ext:ModelField Name="NO"></ext:ModelField>
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                </ext:Store>
                            </Store>
                            <ListConfig>
                                <ItemTpl runat="server">
                                    <Html>
                                        <div>
                                                <span>No：{NO} </span><br />
                                                <span>Name：{NAME}</span>
                                             </div>
                                    </Html>
                                </ItemTpl>
                            </ListConfig>
                            <Listeners>
                                <Change Fn="ChangeValueFilter"></Change>
                            </Listeners>
                        </ext:ComboBox>