在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)
        {
        }
    }
时间: 2024-10-07 02:55:16

在DevExpress程序中使用PopupContainerEdit和PopupContainer实现数据展示的相关文章

在DevExpress程序中使用GridView直接录入数据的时候,增加列表选择的功能

在我上篇随笔<在DevExpress程序中使用Winform分页控件直接录入数据并保存>中介绍了在GridView以及在其封装的分页控件上做数据的直接录入的处理,介绍情况下数据的保存和校验等操作,不过还没有涉及到数据列表选择的这种方式,而这种在项目应用也是比较广泛的一种输入方式.本篇随笔继续探讨在GridView上直接录入数据,并增加字典选择列表的功能. 1.GridView直接录入数据回顾 在之前整合的数据录入案例里面,我们可以看到可以在列表里面直接录入速度的便捷性,如下所示. 1)直接在G

在DevExpress程序中使用Winform分页控件直接录入数据并保存

一般情况下,我们都倾向于使用一个组织比较好的独立界面来录入或者展示相关的数据,这样处理比较规范,也方便显示比较复杂的数据.不过在一些情况下,我们也可能需要直接在GridView表格上直接录入或者修改数据,这种对于字段比较少,而且内容相对比较简单的情况下,效率是比较高的一种输入方式.本篇随笔主要介绍在DevExpress程序中使用GridView直接录入数据并保存的实现,以及使用Winform分页控件来进行数据直接录入的实现操作. 1.在GridView上展示数据 在GridView上展示数据,只

在DevExpress程序中使用内置的图标构建美观的界面元素

在我们一般的程序中,为一般的界面元素添加一定的图标展示,有助于提升界面的整体的美观.结合排版布局,以及固定场景的图标,往往给用户非常好的直观感受:统一.美观.易理解.因此在一般的程序界面中,都尽量在略显单调的界面增加一些图标进行点缀,能够达到较好的整体效果.本文介绍在Winform程序界面中,可以使用自己的图标库,也可以引入DevExpress程序中使用内置的图标,从而实现给开发的程序润色. 1.使用自己的图标库 不管在Web还是在WInform项目里面,开发者积累一定的图标库,包括256,12

在DevExpress程序中使用条形码二维码控件,以及进行报表打印处理

在很多业务系统里面,越来越多涉及到条形码.二维码的应用了,不管在Web界面还是WInform界面都需要处理很多物料相关的操作,甚至很多企业为了减少录入错误操作,为每个设备进行条形码.二维码的标签,直接在流程中进行扫描处理,仅仅在界面勾选一些处理选项即可,极大提高工作效率,降低出错的几率.本篇随笔介绍如何在基于WInform的DevExpress程序中对条形码.二维码的处理,包括界面展示,报表打印等常规的处理. 1.DevExpress的条形码操作及报表打印 在15.1以上的DevEpxress版

微信小程序中使用ECharts 异步加载数据 实现图表

<!--pages/bar/index.wxml--> <view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> </view> import * as echarts from '../../ec-canvas

卷积神经网络 cnnff.m程序 中的前向传播算法 数据 分步解析

最近在学习卷积神经网络,哎,真的是一头雾水!最后决定从阅读CNN程序下手! 程序来源于GitHub的DeepLearnToolbox 由于确实缺乏理论基础,所以,先从程序的数据流入手,虽然对高手来讲,这样有点太小儿科了,但觉得对于个人理解CNN网络的结构和数据流走向有较大帮助! 下面,将要分析CNN的前向传播算法cnnff.m 本程序所用的神经网络的结构如下图的结构体net所示 结构体net 包含5层 每层的结构 这五层的结构如下: 每层的结构分别如下: 为了方便自己理解,下面,分别对每一层的输

在后台程序中发送http请求并获取响应数据

一,在后台程序中发送http请求获取响应数据 1)以 http://libs.baidu.com/jquery/2.0.0/jquery.min.js 为例 二, 1) String result=""; BufferedReader in = null; URL url = null; try { url = new URL("http://libs.baidu.com/jquery/2.0.0/jquery.min.js"); } catch (Malforme

易宝典——玩转O365中的EXO服务 之四十 创建就地电子数据展示搜索

就地电子数据展示是靠就地电子数据展示搜索,将符合条件(例如关键字.开始日期和结束日期.发件人地址和收件人地址以及邮件类型等.)的邮件搜索出来用于展示.因此,在使用就地电子数据展示之前,必须为其创建就地电子数据展示搜索. 一.怎样创建就地电子数据展示搜索 1.使用Exchange管理中心创建就地电子数据展示搜索 利用发现管理员身份登录EAC,导航到"合规性管理",在"就地电子数据展示和保留"中,点击新建按钮"+". 在打开的"新建就地电子

在Winform程序中设置管理员权限及为用户组添加写入权限

在我们一些Winform程序中,往往需要具有一些特殊的权限才能操作系统文件,我们可以设置运行程序具有管理员权限或者设置运行程序的目录具有写入的权限,如果是在操作系统里面,我们可以设置运行程序以管理员身份运行,或者设置Users用户组在运行目录中具有写入权限都可以解决问题,不过如果我们想通过C#代码进行自动的处理,那么应该如何实现呢? 1.系统设置管理员权限或者目录写入权限 如果我们需要让程序以管理员身份运行,那么可以通过设置快捷方式的属性或者应用程序的属性为[以管理员身份运行此程序]即可实现,如