dev treeview控件_在Winform开发框架中使用DevExpress的TreeList和TreeListLookupEdit控件
DevExpress提供的树形列表控件TreeList和树形下拉列表控件TreeListLookupEdit都是非常强大的一个控件,它和我们传统Winform的TreeView控件使用上有所不同,我一般在Winform开发中根据情况混合使用这些控件,不过整体来看,基于DevExpress的TreeList和TreeListLookupEdit表现相对比较好看一些,本篇随笔主要介绍这两个控件在实际Winform项目中的使用处理。
1、DevExpress的TreeList控件使用
例如在菜单管理中,我们知道菜单一般情况下是层次节点的,我们为了直观显示的需要,一般把菜单用树列表控件进行展示,其中就会用到我们说的TreeList控件,如下界面所示。
其中TreeList和一个输入SearchControl来一起协同使用,可以提高界面的友好性,我们可以通过输入关键字进行节点的过滤显示。
如输入过滤内容后查询过滤树列表节点,如下所示,这样可以给用户快速模糊检索指定的树节点。
有了大概的感官认识,我们来了解下TreeList控件的使用情况
在菜单界面的设计视图下,我们添加一个ContextMenuStrip的右键菜单控件,然后编辑一些菜单项目,如下界面所示。
然后拖入一个图片集合的ImageCollection控件,并为它增加一些控件图片(也可以保留为空,然后动态指定,如本例一样)
初始化树列表,我们一般分为几个函数,一个是初始化树列表,一个是绑定查询过滤的处理,一个是把数据绑定到树列表上去,如下代码所示。
private async void FrmMenu_Load(objectsender, EventArgs e)
{//列表信息
InitTree();
InitSearchControl();awaitBindTree();
}
上面使用了异步操作,我们一般也可以不用异步,这里根据情况处理吧。
初始化树列表的操作代码如下所示。
///
///初始化树控件///
private voidInitTree()
{this.tree.Columns.Clear();//添加显示列
this.tree.Columns.Add(new TreeListColumn { FieldName = "Id", Caption = "Id" });//增加一个隐藏的字段,存储需要的ID
this.tree.Columns.Add(new TreeListColumn { FieldName = "Name", Caption = "菜单名称", Width = 160, VisibleIndex = 0});//设置树控件的层次关系及属性
tree.KeyFieldName = "Id";
tree.ParentFieldName= "PID";this.tree.OptionsBehavior.Editable = false;this.tree.OptionsView.EnableAppearanceOddRow = true;this.tree.OptionsView.EnableAppearanceEvenRow = true;this.tree.OptionsDragAndDrop.DragNodesMode = DragNodesMode.None;//不允许拖动//设置树的图标集合及逐级图标
this.tree.SelectImageList = this.imageCollection1;this.tree.CustomDrawNodeImages += (object sender, CustomDrawNodeImagesEventArgs e) =>{//int maxCount = this.imageCollection1.Images.Count;//var index = e.Node.Level < maxCount ? e.Node.Level : 0;//e.SelectImageIndex = index;
var id = string.Concat(e.Node.GetValue(Id_FieldName));int index = 0;
IdIndexDict.TryGetValue(id,outindex);
e.SelectImageIndex=index;
};//初始化树节点选择事件
this.tree.FocusedNodeChanged += delegate (objectsender, FocusedNodeChangedEventArgs e)
{this.FocusedNodeChanged();
};
}private async voidFocusedNodeChanged()
{if (this.tree.FocusedNode != null)
{
IsNormalSearch= false;awaitBindData();
}
}
初始化树列表的处理代码,我们还可以使用扩展函数进一步简化它,如下所示。
///
///初始化树控件///
private voidInitTree()
{this.tree.Columns.Clear();this.tree.OptionsDragAndDrop.DragNodesMode = DragNodesMode.None;//不允许拖动//控件扩展函数封装处理
this.tree.CreateColumn("Name", "菜单名称", 160, true);this.tree.InitTree("Id", "PID", null, false, false);//设置树的图标集合及逐级图标
this.tree.SelectImageList = this.imageCollection1;this.tree.CustomDrawNodeImages += (object sender, CustomDrawNodeImagesEventArgs e) =>{//int maxCount = this.imageCollection1.Images.Count;//var index = e.Node.Level < maxCount ? e.Node.Level : 0;//e.SelectImageIndex = index;
var id = string.Concat(e.Node.GetValue(Id_FieldName));int index = 0;
IdIndexDict.TryGetValue(id,outindex);
e.SelectImageIndex=index;
};//初始化树节点选择事件
this.tree.FocusedNodeChanged += delegate (objectsender, FocusedNodeChangedEventArgs e)
{this.FocusedNodeChanged();
};
}
初始化查询控件SearchControl的代码如下所示。
///
///实现树节点的过滤查询///
private voidInitSearchControl()
{this.searchControl1.Client = this.tree;this.tree.FilterNode += (object sender, 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;
};
}
上面只是初始化树列表控件,我们还需要对它进行数据的绑定显示,树列表的绑定主要代码就是数据绑定和图标的绑定。
this.tree.SelectImageList = this.imageCollection1;this.tree.DataSource = result.Items;
不过我们图标由于是从数据源里面动态构建的,因此需要存在一个集合里面,方便赋值给树列表控件,如下是完整的绑定代码。
///
///绑定树的数据源///
private asyncTask BindTree()
{var pageDto = newMenuPagedDto();var result = awaitMenuApiCaller.Instance.GetAll(pageDto);//用来存放对应ID和index顺序的
IdIndexDict = new Dictionary();//重新刷新节点图片
this.imageCollection1 = newImageCollection();this.imageCollection1.ImageSize = new Size(16, 16);if (result != null && result.Items != null)
{foreach (var menuInfo inresult.Items)
{var image =LoadIcon(menuInfo);this.imageCollection1.Images.Add(image);//为每个菜单ID添加一个图片序号,方便查找
if(!IdIndexDict.ContainsKey(menuInfo.Id))
{int index = this.imageCollection1.Images.Count - 1;//最后一个序号
IdIndexDict.Add(menuInfo.Id, index);
}
}
}//imageCollection变化了,需要重新赋值给treeList
this.tree.SelectImageList = this.imageCollection1;this.tree.DataSource =result.Items;this.tree.ExpandAll();
}
如果我们需要获取指定树节点的绑定的值,我们可以通过当前的FocuseNode获取字段值,如下代码所示。
///
///编辑列表数据///
private asyncTask EditTreeData()
{string ID = string.Concat(this.tree.FocusedNode.GetValue(Id_FieldName));if (!string.IsNullOrEmpty(ID))
{
FrmEditMenu dlg= newFrmEditMenu();
dlg.ID=ID;
dlg.OnDataSaved+= newEventHandler(dlg_OnDataSaved);
dlg.InitFunction(LoginUserInfo, FunctionDict);//给子窗体赋值用户权限信息
if (DialogResult.OK ==dlg.ShowDialog())
{awaitBindTree();
}
}
}
以上就是TreeList控件的使用过程,主要注意的就是数据源的绑定和图标的绑定操作即可。
如果我们还允许树列表拖动,以便进行父位置的调整,那么可以对它进行一个拖动的事件处理。
this.tree.CalcNodeDragImageIndex += new DevExpress.XtraTreeList.CalcNodeDragImageIndexEventHandler(this.Tree_CalcNodeDragImageIndex);this.tree.DragDrop += new System.Windows.Forms.DragEventHandler(this.Tree_DragDrop);this.tree.DragOver += new System.Windows.Forms.DragEventHandler(this.Tree_DragOver);
private void Tree_DragOver(objectsender, DragEventArgs e)
{
TreeListNode dragNode= e.Data.GetData(typeof(TreeListNode)) asTreeListNode;
e.Effect= GetDragDropEffect(sender asTreeList, dragNode);
}private async void Tree_DragDrop(objectsender, DragEventArgs e)
{
TreeListNode dragNode, targetNode;
TreeList tl= sender asTreeList;
Point p= tl.PointToClient(newPoint(e.X, e.Y));
dragNode= e.Data.GetData(typeof(TreeListNode)) asTreeListNode;
targetNode=tl.CalcHitInfo(p).Node;//移动后更新数据
var id = string.Concat(dragNode.GetValue("Id")).ToInt64();var pid = string.Concat(targetNode.GetValue("Id")).ToInt64();await OrganizationUnitApiCaller.Instance.Move(new MoveOrganizationUnitDto() { Id = id, ParentId =pid });awaitBindTree();
e.Effect=DragDropEffects.None;
}private void Tree_CalcNodeDragImageIndex(objectsender, CalcNodeDragImageIndexEventArgs e)
{
TreeList tl= sender asTreeList;if (GetDragDropEffect(tl, tl.FocusedNode) ==DragDropEffects.None)
e.ImageIndex= -1; //no icon
elsee.ImageIndex= 1; //the reorder icon (a curved arrow)
}
2、DevExpress的TreeListLookupEdit控件使用
TreeList和TreeListLookupEdit一般都会成对出现,一般我们需要调整父节点的时候,都会涉及到这个树形的下拉列表TreeListLookupEdit控件的。
为了方便,我们一般都定义一个自定义控件来处理这些下拉列表的绑定,因此不需要每次都绑定数据以及初始化代码。
private void FunctionControl_Load(objectsender, EventArgs e)
{if (!this.DesignMode)
{
InitTree();
BindTree();
}
}///
///初始化树///
///
private voidInitTree()
{this.txtMenu.Properties.ValueMember = "Id";this.txtMenu.Properties.DisplayMember = "Name";var tree = this.treeListLookUpEdit1TreeList;
tree.Columns.Clear();//控件扩展函数封装处理
tree.CreateColumn("Name", "菜单名称", 160, true);
tree.InitTree("Id", "PID", null, false, false);//设置树的图标集合及逐级图标
tree.SelectImageList = this.imageCollection1;
tree.CustomDrawNodeImages+= (object sender, CustomDrawNodeImagesEventArgs e) =>{int maxCount = this.imageCollection1.Images.Count;var index = e.Node.Level < maxCount ? e.Node.Level : 0;
e.SelectImageIndex=index;
};
}///
///绑定树列表///
///
public voidBindTree()
{var tree = this.treeListLookUpEdit1TreeList;//绑定列表数据
var result = AsyncContext.Run(() => MenuApiCaller.Instance.GetAll(newMenuPagedDto() { }));if (result != null && result.Items != null)
{
tree.DataSource=result.Items;
tree.ExpandAll();//展开所有
}//执行绑定后处理
if (DataBinded != null)
{
DataBinded(null, null);
}
}
其中 AsyncContext.Run 是把异步函数当做同步使用,一般我们在用户控件上,我们都使用同步操作,避免数据绑定延迟导致没有处理
通过制定ValueMember和DisplayMember就可以正常显示内容,以及在后面存储需要的值操作。
this.txtMenu.Properties.ValueMember = "Id";this.txtMenu.Properties.DisplayMember = "Name";
TreeListLookupEdit控件里面还是有一个TreeList控件的,这个控件的操作和我们上面说的TreeList控件操作完全一样,我们按树列表的方式初始化并绑定它即可。
界面效果如下所示。
树列表控件展开如下所示。
dev treeview控件_在Winform开发框架中使用DevExpress的TreeList和TreeListLookupEdit控件相关推荐
- Winform开发框架中工作流模块的业务表单开发
在我们开发工作流的时候,往往需要设计到具体业务表单信息的编辑,有些是采用动态编辑的,有些则是在开发过程中处理的,各有各的优点,动态编辑的则方便维护各种各样的表单,但是数据的绑定及处理则比较麻烦,而自定 ...
- Winform开发框架中的综合案例Demo
在实际的系统开发中,我们往往需要一些简单的的案例代码,基于此目的我把Winform开发框架中各种闪光点和不错的功能,有些是我们对功能模块的简单封装,而有些则是引入了一些应用广泛的开源组件进行集成使用, ...
- 参照企业微信审批业务,在Winform开发框架中工作流模块的实现业务审批
目前微信的企业号已经切换到企业微信里面,这个是一个APP程序,提供了很丰富的企业应用,其中包括了业务审批处理,审批业务包括请假.报销.费用.出差等很多个审批场景,在Winform开发框架中工作流模块这 ...
- Winform开发框架中工作流模块之审批会签操作
在前面介绍了框架中工作流的几个开发过程,本篇随笔重点介绍一下日常审批环节中的具体处理过程,从开始创建表单,以及各个审批.会签过程的流转过程,希望大家对其中流程的处理有一个大概的印象. 1.请假申请表单 ...
- Winform开发框架中工作流模块之申请单草稿处理
在我们开发工作流模块的时候,有时候填写申请单过程中,暂时不想提交审批,那么可以暂存为草稿,以供下次继续填写或者提交处理,那么这个草稿的功能是比较实用的,否则对于一些填写内容比较多的申请单,每次要重填写 ...
- Winform开发框架中实现多种数据库类型切换以及分拆数据库的支持
Winform开发框架中实现多种数据库类型切换以及分拆数据库的支持 在很多应用系统里面,虽然一般采用一种数据库运行,但是由于各种情况的需要,可能业务系统会部署在不同类型的数据库上,如果开发的系统能够很 ...
- 让一个图片填满一个控件_如何在Android中实现一个全景图控件(二)
一.背景 在 如何在Android中实现一个全景图控件(一)中,介绍了项目的一些基本情况(有 demo 演示),如果项目对你有帮助,希望文章赏个赞,项目 star 一下. 项目地址:https://g ...
- 小米时间选择控件_上海非凡教育分享UI组件设计解析之—— 单元控件
什么是单元控件? 控件解释为Control 组件解释为Component 通俗讲,就是多个元素组成组件,而单个元素即为单元控件. 单元控件1 搜索 什么是探索? 用户通过输入的关键词,搜索到想要的信息 ...
- dev treeview控件_在winform中怎样实现好看的treeview样式
aaa aaaa 来自为知笔记(Wiz) 序列化与反序列化成XML http://blog.itpub.net/12639172/viewspace-490786/ 现在XML都普遍的用到了很多地方, ...
最新文章
- MAX Script 脚本语言
- 小程序之 保存canvas生成商品图片附加小程序二维码 分享到朋友圈
- 升级造成eclipse插件失效
- Python从N个数中找到最大的K个数
- python 数据库查询返回list或tuple
- Truffle测试框架
- python从入门到精通pdf-跟老齐学Python:从入门到精通 完整版PDF[7MB]
- iOS底层探索之Block(一)——初识Block(你知道几种Block呢?)
- HOUR 11 Developing Advanced Pointers
- MES系统的工艺管理与绩效管理
- 1146 Topological Order
- arnold运动模糊nuke合成方法
- 传奇人物李兴平5000万卖掉hao123后在做什么
- 51.cto我真的很难过
- 什么是内卷?什么是囚徒困境?故事叙述
- ACMoi蓝桥杯刷题网站推荐
- 网站引用字体兼容IE
- 删除字符 (20分)
- java eles什么意思_Springboot 那么大,不用什么场景都用它吧,要不尝试下 Mars- Java ?...
- linux7网口起不来,centos7 双网口绑定
热门文章
- 求排列的逆序数(分治)
- Java 时间和日期类型的 Hibernate 映射
- 将时间改为显示:几天前,几小时前,或者几分钟前
- Adding a QR Code Reader in Flex on Android
- Angularjs集成第三方js插件之Uploadify
- asp.net中web.config配置节点大全详解
- mogileFS 分布式存储-安装手记
- 利用bigpipe机制实现页面模块的异步渲染 chunked技术
- C#调用控制面板选项
- Windows客户端C/C++编程规范“建议”——宏