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(); }
最后,我们再看下运行的效果:
时间: 2024-10-26 20:20:51