DevExpress 选择框如何进行模糊查询

dev中有很多的选择框控件，但是没有发现能够根据文本框输入实时获取数据源进行模糊查询的选择框，lookupedit是在数据源不变情况下实现自动匹配，但很多时候数据量太大以至于我们没法先绑定数据源。

这时我们需要一个能够实现实时匹配的SearchTextBox。这里我们用到了popupcontainerEdit。

先从工具栏中拖一个popupcontainerEdit和一个popucontainerControl。popupcontainerEdit像是一个lookupedit的输入选择框。而popucontainerControl则像是一个lookupedit的下拉框。popucontainerControl是一个类似panel的容器。我们可以放置各种数据集合控件，这里我们在里面放置了一个treeList.

利用popupcontainerEdit.Properties下PopupControl属性绑定popucontainerControl，将popucontainerControl和popupcontainerEdit二者联系起来

再注册popupcontainerEdit的editValueChanged事件或者TextChanged事件。这里我们用的是editValueChanged事件。当popupcontainerEdit输入文字的时候会触发这个事件，实时绑定数据。这里因为是demo所以用的假数据写死。实际情况是到数据库中去查询。注意这里可能会有延时，为了防止界面卡住你可以把查询的方法异步，查询到数据之后再Invoke回调主线程。最后在treeList的mousedoubleClick中找到选择的项。

  private void popupTest_EditValueChanged(object sender, EventArgs e){if (popupTest.EditValue == null){tlTest.DataSource = "";return;}switch (popupTest.EditValue.ToString()){case "张":tlTest.DataSource = new List<NameValue>(){new NameValue() { Name="张三",Value="zhang"},new NameValue() { Name="张天爱",Value="zhang2"},new NameValue() { Name="张伯伦",Value="zhang3"},};break;case "李":tlTest.DataSource = new List<NameValue>(){new NameValue() { Name = "李四", Value = "li" },new NameValue() { Name = "李世民", Value = "li2" }};break;case "王":tlTest.DataSource = new List<NameValue>(){new NameValue() { Name="王五",Value="wang"},new NameValue() { Name="王王",Value="wang2"}};break;default:tlTest.DataSource = "";break;}popupTest.ShowPopup();popupTest.Focus();}

最后，我们再看下运行的效果:

转载于:https://www.cnblogs.com/garysun90/p/6858842.html

DevExpress 选择框如何进行模糊查询相关推荐

泛微E9 流程独立选择框对应数据库表查询
select * from workflow_SelectItem where fieldid=8815 order by selectvalue 流程独立选择框对应数据库表:workflow_S ...
BrandExample.Criteria方法实现搜索框输入关键字模糊查询
1.前端: 搜索框: <div class="has-feedback">关键字查询:<input ng-model="searchEntity.nam ...
easyui select选择框模糊查询以及页面引入多个版本的jquery解决办法
eaeyui版本1.4.4,下载地址 http://www.jeasyui.com/download/index.php 下拉框模糊查询例子: <%@ page language="j ...
【项目实战】select+input实现下拉框左右选择+模糊查询功能
前言: 在项目中用遇到下拉框左右选择的需求,而easyui没有找到合适的插件,就想着用listbox来实现,但后来针对这个项目中没有想到合适的办法(ps:大家有了可以推荐哟),从网上看了一些demo, ...
智能补全模糊查询select2的下拉选择框使用
我们在上篇文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架,在此基础上记录select2的使用. 应用bootstrap模板基础项目源码下载地址为: SpringMV ...
html选择框加模糊查找,input selec下拉框模糊查询
input selec下拉框模糊查询 1.[代码][JavaScript]代码 //1 初始化时候,先将数据存入数组 var TempArr = [];// 存贮option var SelectOb ...
java下拉模糊查询_select2 智能补全模糊查询select2的下拉选择框使用
我们在上篇文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架,在此基础上记录select2的使用. 应用bootstrap模板基础项目源码下载地址为: SpringMV ...
Ajax实现在textbox中输入内容，动态从数据库中模糊查询显示到下拉框中
功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML> <HEAD> < ...
vue下拉框可输入关键字进行模糊查询
vue下拉框可输入关键字进行模糊查询在<el-select>中,加上 filterable 即可(v-model.trim:是过滤输入的空格),clearable:输入框带清空输入内容的 ...

DevExpress 选择框如何进行模糊查询

DevExpress 选择框如何进行模糊查询相关推荐

最新文章

热门文章