在Winform界面中使用DevExpress的TreeList实现节点过滤查询的两种方式

在我较早的一篇随笔《在DevExpress程序中使用TeeList控件以及节点查询的处理》中，介绍了在树形列表TreeList控件上面，利用SearchControl实现节点的模糊查询过滤操做，效果仍是很是不错的，TreeList功能比较强大，界面也相对比微软内置的Winform的TreeView控件美观很多。后来在一次偶然过程当中，发现TreeList控件自己就能够打开头部过滤输入，实现节点的快速过滤，不过过滤是彻底匹配方式，和咱们常规的模糊匹配思路不同，本篇随笔介绍对TreeList控件常规过滤方式的改进，支持内置输入过滤框中实现节点的模糊查询过滤操做。

一、利用SearchControl实现节点的模糊查询过滤回顾

我在随笔《在DevExpress程序中使用TeeList控件以及节点查询的处理》中介绍了整个开发的步骤和思路，最终的实现效果以下所示。

上面那个界面是以前案例的效果，新版本目前已经把不匹配的过滤掉了，最终效果以下所示。

 

 若是咱们忽略树列表的初始化操做和绑定数据源的部分，那么实现这个功能，主要的步骤就是在TreeList控件上面增长一个SearchControl的控件，并通代码初始化事件处理便可，以下代码所示。

/// <summary>
/// 实现树节点的过滤查询
/// </summary>
private void InitSearchControl()
{
    this.searchControl1.Client = this.tree;
    this.tree.FilterNode += (object sender, DevExpress.XtraTreeList.FilterNodeEventArgs e) =>
    {
        if (tree.DataSource == null)
            return;

        string nodeText = e.Node.GetDisplayText("Name");//参数填写FieldName  
        if (string.IsNullOrWhiteSpace(nodeText))
            return;

        bool isExist = nodeText.IndexOf(searchControl1.Text, StringComparison.OrdinalIgnoreCase) >= 0;
        if (isExist)
        {
            var node = e.Node.ParentNode;
            while (node != null)
            {
                if (!node.Visible)
                {
                    node.Visible = true;
                    node = node.ParentNode;
                }
                else
                    break;
            }
        }
        e.Node.Visible = isExist;
        e.Handled = true;
    };
}

虽然实现的效果很是不错，不过麻烦的地方就是须要本身添加一个控件，并处理好布局和控件的初始化代码，稍显麻烦一些。

下面的处理方式就是打开内置的过滤输入框，并经过代码的方式实现模糊查询的方式过滤操做。

 

二、利用TreeList控件内置过滤方式实现模糊查询过滤

上面介绍了一种扩展方式实现节点的模糊查询，咱们也能够利用TreeList控件自己具备的节点过滤框控件来实现TreeList控件节点的过滤。

在TreeList控件设计模式下，打开并设置 OptionsView.ShowAutoFilterRow、OptionsBehavior.EnableFiltering为True就能够看到树形控件顶部增长一个内置的控件显示了，以下界面所示。

也能够经过代码方式进行打开。

   this.treeList1.OptionsView.ShowAutoFilterRow = true;//显示过滤行            
   this.treeList1.OptionsBehavior.EnableFiltering = true;//开启过滤功能

能够看到顶部多了一个输入框，默认的事件就支持对节点的过滤操做，不过是节点名称彻底匹配，相似Equal的处理方式，这个和咱们常规须要的操做方式不一样，那么就须要进行必定的改进了。

TreeList控件提供ColumnFilterChanged事件进行自定义的过滤操做，咱们在其中实现咱们想要的部分匹配，也就是模糊查询方式的处理便可。

            this.treeList1.ColumnFilterChanged += (s, e) => //自定义过滤事件
            {                
                var tree = (TreeList)s;
                if (tree != null && tree.ActiveEditor != null)
                {
                    string newKey = tree.ActiveEditor.EditValue.ToString();
                    tree.FilterNodes();

                    var operation = new FilterNodeOperation(newKey ?? "");
                    tree.NodesIterator.DoOperation(operation);
                }
            };

其中FilterNodeOperation 是咱们自定义的一个过滤节点操做对象，具体的定义代码以下所示。

    /// <summary>
    /// 过滤节点操做类
    /// </summary>
    class FilterNodeOperation : TreeListOperation
    {
        string pattern;
        public FilterNodeOperation(string _pattern) { pattern = _pattern; }

        public override void Execute(TreeListNode node)
        {
            if (NodeContainsPattern(node, pattern))
            {
                node.Visible = true;
                if (node.ParentNode != null)
                {
                    node.ParentNode.Visible = true;
                }
            }
            else
            {
                node.Visible = false;
            }
        }

        /// <summary>
        /// 模糊包含模式
        /// </summary>
        bool NodeContainsPattern(TreeListNode node, string pattern)
        {
            foreach (TreeListColumn col in node.TreeList.Columns)
            {
                if (node.GetValue(col).ToString().ToUpper().Contains(pattern.ToUpper()))
                {
                    return true;
                }
            }
            return false;
        }
    }

根据上面的操做，作了一个过滤节点的Demo界面。

常规没有过滤的界面效果以下所示。

 TreeList节点过滤后，界面效果以下所示。

对比以前的SearchControl实现的效果，这里面没有文本的高亮显示，不过显示也仍是比较直观。

整个TreeList的控件处理代码以下所示，贴出供你们参考学习。

        /// <summary>
        /// 初始化树
        /// </summary>
        private void InitTree()
        {
            this.treeList1.OptionsBehavior.Editable = false;
            this.treeList1.OptionsView.EnableAppearanceOddRow = true;
            this.treeList1.OptionsView.EnableAppearanceEvenRow = true;
            this.treeList1.OptionsView.RowImagesShowMode = RowImagesShowMode.InCell;//紧凑型图标
            this.treeList1.ExpandAll();

            // 列过滤处理            
            this.treeList1.OptionsView.ShowAutoFilterRow = true;//显示过滤行            
            this.treeList1.OptionsBehavior.EnableFiltering = true;//开启过滤功能
            this.treeList1.ColumnFilterChanged += (s, e) => //自定义过滤事件
            {                
                var tree = (TreeList)s;
                if (tree != null && tree.ActiveEditor != null)
                {
                    string newKey = tree.ActiveEditor.EditValue.ToString();
                    tree.FilterNodes();

                    var operation = new FilterNodeOperation(newKey ?? "");
                    tree.NodesIterator.DoOperation(operation);
                }
            };

            //初始化树节点选择事件
            this.treeList1.FocusedNodeChanged += (s, e) =>
            {
                this.FocusedNodeChanged(s, e);
            };
        }

        private void FocusedNodeChanged(object s, FocusedNodeChangedEventArgs e)
        {
            var tree = (TreeList)s;
            if (tree != null && tree.FocusedNode != null)
            {
                //选中节点文本
                var text = tree.FocusedNode.GetDisplayText(0);
                switch (text)
                {
                    case "采血":
                        ChildWinManagement.LoadMdiForm(this, typeof(FrmOrganization));
                        break;
                    default:
                        break;
                }
            }
        }

这些就是Winform中一些界面处理的技巧，DevExpress界面控件的功能仍是很是不错的，咱们基类一些界面的处理技巧，能够极大提升用户的体验效果，同时提升咱们软件的内在价值。