DevExpress Winforms Controls 內置140多個UI控件和庫，完美構建流暢、美觀且易于使用的應用程序。DevExpress WinForm v20.2全新發布，想要體驗？點擊下載>>

在一些數據的即時查詢場景中，我們可能需要對輸入信息進行模糊查詢并進行選擇，例如在一些文本輸入場景，如輸入某個站點編碼或者設備編碼，然后獲取符合的列表供用戶選擇的場景，本篇隨筆介紹在DevExpress程序中使用PopupContainerEdit和PopupContainer實現數據展示。

一、回顧SearchLookupEdit控件使用

在DevExpress中，我們如果需要好的體驗效果也可以用SearchLookupEdit來實現數據的查詢及展示，不過這個控件，需要提前準備好數據源，然后是基于固定的數據源進行搜索的，如下所示。

這種可以在編輯框里面輸入數據，并且可以實時根據輸入的內容進行過濾，是一種比較好的搜索體驗，不過不好的地方就是數據需要提前預先加載，如果數據庫有成千上萬條記錄，那么這種方式弊端就比較明顯了，因此不是很適合大數據，而且能夠即時進行數據搜索展示的場景。

二、使用ButtonEdit的方式進行搜索

除了第一點的搜索方式外，也可以使用一種文本和按鈕合并的控件來實現數據的查詢選擇，控件名稱為ButtonEdit，界面效果如下所示。

當我們單擊文本輸入的右側按鈕控件后，可以讓它彈出一個對話框進行數據的選擇，對話框窗體里面可以根據條件進行數據的分頁查詢，這種方式可以很好實現多條件的查詢選擇，雙擊記錄選擇好就關閉窗體界面即可。

上面的按鈕在設計界面里面，為相關的事件添加代碼即可。

實現上面功能界面的代碼很簡單，如下所示。

private void txtOfferNum_Properties_Click(object sender, EventArgs e)
{
FrmSelectOffer dlg = new FrmSelectOffer();
if(dlg.ShowDialog() == System.Windows.Forms.DialogResult.OK)
{
var info = dlg.OfferInfo;
if(info != null)
{
this.txtOfferNum.Text = info.OfferNum;

三、使用PopupContainerEdit和PopupContainer

除了上面界面的選擇方式外，在DevExpress里面，我們也可以使用 PopupContainerEdit和PopupContainer實現數據展示，這種方式好處就是可以在錄入的時候進行及時查詢，而且數據是即時加載的，不會一次性加載所有的數據，為了演示這種方式的界面處理，我做了一個小案例，如下所示。

這種方式的展示，會及時列出相關的數據，在表格控件上選擇后返回主界面。

如果按鍵Esc，那么關閉彈出層并切換到輸入層，重新輸入，回車后進行查詢。

首先在代碼處理中，需要對輸入控件的按鍵進行處理。

/// <summary>
/// 對按鍵進行相關處理
/// </summary>
private void popupContainerEdit1_KeyPress(object sender, KeyPressEventArgs e)
{
this.popupContainerEdit1.ShowPopup();

//回車的時候綁定數據源，并設置
if (e.KeyChar == '\r')
{
BindData();

this.gridView1.Focus();
canAcceptReturn = false;
}
else
{
this.ActiveControl = this.popupContainerEdit1;
this.popupContainerEdit1.Focus();
}
}

在輸入回車的時候，我們執行數據查詢操作。

我們這里測試了對數據字典的查詢顯示，只是為了演示數據的即時查詢操作。

/// <summary>
/// 綁定GridView的數據源
/// </summary>
private void BindData()
{
var value = this.popupContainerEdit1.Text;
this.lblName.Text = value;

string condition = string.Format("Name like '%{0}%'", value);
var list = BLLFactory<DictData>.Instance.Find(condition);

this.gridView1.Columns.Clear();
this.gridView1.CreateColumn("Name", "名稱", 200, false);
this.gridView1.CreateColumn("Value", "字典值", 200, false);
this.gridView1.CreateColumn("Seq", "排序", 80, false);
this.gridControl1.DataSource = list;
}

為了實現在列表中單擊或者使用回車鍵進行選擇，我們對相關的事件進行了處理。

private void gridView1_RowClick(object sender, DevExpress.XtraGrid.Views.Grid.RowClickEventArgs e)
{
GetSelectValue();
}
private void gridControl1_KeyUp(object sender, KeyEventArgs e)
{
if (e.KeyCode == Keys.Enter)
{
if (canAcceptReturn)
{
GetSelectValue();
}

canAcceptReturn = true;
}
}

private void GetSelectValue(bool closePopup = true)
{
var value = string.Concat(this.gridView1.GetFocusedRowCellValue("Name"));

if (closePopup)
{
this.popupContainerEdit1.ClosePopup();
}
this.popupContainerEdit1.Text = value;
}

一旦容器焦點消失，我們讓焦點重新回到輸入控件上，如下代碼實現。

private void popupContainerControl1_Leave(object sender, EventArgs e)
{
//容器退出的時候，重新定位焦點到編輯框
this.popupContainerEdit1.Focus();
}

整個案例代碼如下所示。

public partial class Form1 : DevExpress.XtraEditors.XtraForm
{
/// <summary>
/// 設置一個標識，是否在GridView中可以接受回車鍵
/// </summary>
bool canAcceptReturn = false;

public Form1()
{
InitializeComponent();
}

/// <summary>
/// 對按鍵進行相關處理
/// </summary>
private void popupContainerEdit1_KeyPress(object sender, KeyPressEventArgs e)
{
this.popupContainerEdit1.ShowPopup();

//回車的時候綁定數據源，并設置
if (e.KeyChar == '\r')
{
BindData();

this.gridView1.Focus();
canAcceptReturn = false;
}
else
{
this.ActiveControl = this.popupContainerEdit1;
this.popupContainerEdit1.Focus();
}
}

/// <summary>
/// 綁定GridView的數據源
/// </summary>
private void BindData()
{
var value = this.popupContainerEdit1.Text;
this.lblName.Text = value;

string condition = string.Format("Name like '%{0}%'", value);
var list = BLLFactory<DictData>.Instance.Find(condition);

this.gridView1.Columns.Clear();
this.gridView1.CreateColumn("Name", "名稱", 200, false);
this.gridView1.CreateColumn("Value", "字典值", 200, false);
this.gridView1.CreateColumn("Seq", "排序", 80, false);
this.gridControl1.DataSource = list;
}

private void gridView1_RowClick(object sender, DevExpress.XtraGrid.Views.Grid.RowClickEventArgs e)
{
GetSelectValue();
}
private void gridControl1_KeyUp(object sender, KeyEventArgs e)
{
if (e.KeyCode == Keys.Enter)
{
if (canAcceptReturn)
{
GetSelectValue();
}

canAcceptReturn = true;
}
}

private void GetSelectValue(bool closePopup = true)
{
var value = string.Concat(this.gridView1.GetFocusedRowCellValue("Name"));

if (closePopup)
{
this.popupContainerEdit1.ClosePopup();
}
this.popupContainerEdit1.Text = value;
}

private void popupContainerControl1_Leave(object sender, EventArgs e)
{
//容器退出的時候，重新定位焦點到編輯框
this.popupContainerEdit1.Focus();
}

private void Form1_Load(object sender, EventArgs e)
{
}
}

本文轉載自

DevExpress技術交流群2：775869749      歡迎一起進群討論