在DevExpress程式中使用PopupContainerEdit和PopupContainer實現數據展示

来源:http://www.cnblogs.com/wuhuacong/archive/2017/04/16/6718312.html
-Advertisement-
Play Games

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


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

1、回顧SearchLookupEdit控制項使用

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

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

 

2、使用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;

 

3、使用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)
        {
        }
    }

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1. 概述 <<深入理解Java虛擬機--JVM高級特性與最佳實踐>>第一章就談到自己編譯jdk,來吧。 2. 編譯環境 VMware12 CentOS-7-x86_64-Everything-1611 3. 軟體準備 Bootstrap JDK: jdk-7u79-linux-x64.tar.gz ...
  • linux shell 可以用戶定義函數,然後在shell腳本中可以隨便調用。下麵說說它的定義方法,以及調用需要註意那些事項。 原文和作者一起討論:http://www.cnblogs.com/intsmaze/p/6675421.html 微信:intsmaze 原文和作者一起討論:http:// ...
  • 1、教學環境 2、雲計算概念 3、工作崗位與內容 4、linux系統簡介 5、shell概念 6、linux基礎命令 man/help/info/pwd/cd/ls/mkdir/stat/touch/rm/copy/mv/echo/cat/less/more/tty/管道 7、重定向 >,1>,2> ...
  • 什麼是JSP JSP屬於動態網頁,例如當上網搜索信息,程式就進行了查詢資料庫的操作,這就是一個動態網頁所實現的功能。HTML不具備查詢資料庫的能力,java代碼卻可以通過JDBC技術訪問資料庫。因此,可在HTML代碼中間混合java代碼,讓網頁擁有訪問資料庫的功能。嵌入了java代碼的網頁,就是JS ...
  • 1.導出系統日誌,以當前日期命名 @echo offset nowDate=%date%set tmp=%nowDate:~0,-3%set file=%tmp:/=-%系統日誌.evtx echo %nowDate%>%file% wevtutil epl system >>%file% 2.we ...
  • 第三章 MVC 模式,項目和約定 在深入瞭解ASP.NET Core MVC的細節之前,我想確保您熟悉MVC設計模式背後的思路以及將其轉換為ASP.NET Core MVC項目的方式。 您可能已經瞭解本章中討論的一些想法和約定,特別是如果您已經完成了高級ASP.NET或C#開發。 如果沒有,我鼓勵你 ...
  • 從開始接觸.Net Core到現在已經有將近一年的時間了,今天來做一下相關的學習總結,順便也回憶一下自己這段時間以來的成長。 有一點不得不承認的是,在接觸.Net Core之前,我對於linux系統一點也不瞭解,也未曾有過主動去學習的念頭,在接觸了.Net Core之後才開始慢慢學習linux相關知 ...
  • 轉自:http://blog.163.com/m13864039250_1/blog/static/2138652482015283397609/ 用Fluent API 配置/映射屬性和類型 簡介 通常通過重寫派生DbContext 上的OnModelCreating 方法來訪問Code Firs ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...