首页 > 代码库 > DevExpress 选择框如何进行模糊查询

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 =http://www.mamicode.com/= null)
            {
                tlTest.DataSource = "";
                return;
            }
            switch (popupTest.EditValue.ToString())
            {
                case "":
                    tlTest.DataSource = new List<NameValue>()
                    {
                           new NameValue() { Name="张三",Value=http://www.mamicode.com/"zhang"},
                           new NameValue() { Name="张天爱",Value=http://www.mamicode.com/"zhang2"},
                           new NameValue() { Name="张伯伦",Value=http://www.mamicode.com/"zhang3"},
                    };
                    break;
                case "":
                    tlTest.DataSource = new List<NameValue>()
                    {
                             new NameValue() { Name = "李四", Value = http://www.mamicode.com/"li" },
                             new NameValue() { Name = "李世民", Value = http://www.mamicode.com/"li2" }
                     };
                    break;
                case "":
                    tlTest.DataSource = new List<NameValue>()
                      {
                              new NameValue() { Name="王五",Value=http://www.mamicode.com/"wang"},
                              new NameValue() { Name="王王",Value=http://www.mamicode.com/"wang2"}
                      };
                    break;
                default:
                    tlTest.DataSource = "";
                    break;
            }
            popupTest.ShowPopup();
            popupTest.Focus();
        }

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

技术分享

 

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