博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
发布一款层次下拉列表控件
阅读量:6907 次
发布时间:2019-06-27

本文共 2495 字,大约阅读时间需要 8 分钟。

在项目中经常遇到树状结构的对象比如产品分类、部门结构、地区……对于这类对象的呈现,一般都使用树控件(比如VS2005自带的TreeView控件)。但是树控件的使用和操作都比较复杂,对于一些比较简单的操作,比如单选其中的一个节点的情况则可用使用下拉列表框来代替。要在DropDownList中展示出树结构的层次,那就必须在每个节点的Text前加入一定的占位符,以实现层次的效果,比如:

 中国 --四川 ----成都 ----乐山 ----绵阳 --北京 --广东 ----深圳 ----东莞 ----珠江 

由于这种下拉列表控件在项目中经常使用,于是决定写一个通用的服务器控件出来。该控件继承自DropDownList,在使用中只需要为该控件设置用于数据绑定的DataTextField和DataValueField,以及新增的属性ChildProperty(string,对象的Child属性的名字)和DeepChar(string,在表示层次中使用的占位符,默认是“--”),设置了这4个属性后,在后台就只需要将树结构对象的Root节点作为DataSource,然后执行DataBind()即可。

 

using System;
using System.Collections.Generic;
using System.Collections;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; 
namespace ServerControls
{
    [ToolboxData(
"<{0}:DropDownTreeList runat=server></{0}:DropDownTreeList>")]
    
public class DropDownTreeList : DropDownList
    
{
        
private object dataSource;
        
private int deep = 0
        
----重写---- 
        
----私有方法----
        
----公开的属性----
    }
}
 

 

具体调用示例:

1,将该控件添加到aspx页面中并设置必要的属性。

<
cc1:DropDownTreeList ID
=
"
DropDownTreeList1
"
 runat
=
"
server
"
 
                ChildProperty
=
"
ChildArea
"
 DataTextField
=
"
Name
"
 DataValueField
=
"
Code
"
 
                DeepChar
=
"
--
"
>
 

2,在页面的后台代码中添加数据源并进行数据绑定。

public partial class _Default : System.Web.UI.Page 
{
    
protected void Page_Load(object sender, EventArgs e)
    
{
        
this.DropDownTreeList1.DataSource = InitArea();
        
this.DropDownTreeList1.DataBind();
    }
 
    
private Area InitArea()
    
{
        Area area1 
= new Area { Code = 1, Name = "中国" };
        Area area2 
= new Area { Code = 2, Name = "四川" };
        Area area3 
= new Area { Code = 3, Name = "北京" };
        Area area4 
= new Area { Code = 4, Name = "广东" };
        Area area5 
= new Area { Code = 5, Name = "成都" };
        Area area6 
= new Area { Code = 6, Name = "乐山" };
        Area area7 
= new Area { Code = 7, Name = "绵阳" };
        Area area8 
= new Area { Code = 8, Name = "广州" };
        Area area9 
= new Area { Code = 9, Name = "深圳" };
        Area area10 
= new Area { Code = 10, Name = "东莞" };
        Area area11 
= new Area { Code = 11, Name = "珠江" }
        area1.ChildArea 
= new List<Area> { area2, area3, area4 };
        area2.ChildArea 
= new List<Area> { area5, area6, area7 };
        area4.ChildArea 
= new List<Area> { area9, area10, area11 };
        
return area1;
    }
}
public class Area
{
    
public string Name getset; }
    
public int Code getset; }
    
public List<Area> ChildArea getset; }
}
 

运行后的效果就是:  中国 --四川 ----成都 ----乐山 ----绵阳 --北京 --广东 ----深圳 ----东莞 ----珠江 

由于本人接触服务器控件开发的时间并不长,对服务器控件开发经验还不足,该控件有需要改进或有错误的地方希望大家指正。

另外这个控件目前我发现的一个问题就是我将DataBind方法完全重写了,所以控件的DataTextFormatString失效了,由于很少使用这个属性,所以一般不影响使用。不知道有什么办法能够解决这个问题?

你可能感兴趣的文章
FoundationDB宣布记录层支持关系数据库语义、模式管理和索引功能
查看>>
记住,永远不要在MySQL中使用“utf8”
查看>>
逃离方法牢笼
查看>>
The Economist经济学人是如何使用Go语言构建内容平台微服务架构的?
查看>>
伯克利开源工具库RLib现已支持大规模多智能体强化学习
查看>>
Cosmos DB:全球分布式数据库
查看>>
苹果发布Core ML 2
查看>>
蚂蚁金服开源服务注册中心 SOFARegistry
查看>>
MPJ Express 内容总结
查看>>
Stream从Python切换到Go的原因
查看>>
angular2 ng2-file-upload上传
查看>>
百度成立国内首个深度学习教育联盟,将制定行业标准
查看>>
Oracle开源Fn,加入Serverless之争
查看>>
用 JavaScript 实现链表操作 - 04 Insert Nth Node
查看>>
Visual Studio 2017 15.5预览版添加对F# Core及Standard的支持
查看>>
Checkly如何借助Terraform实现零宕机部署
查看>>
放弃OpenStack?恐怕还不到时候
查看>>
Kubernetes上的十大应用程序
查看>>
QASymphony发布新的中心化自动测试及行为驱动测试产品
查看>>
罗辑思维首席架构师:Go微服务改造实践
查看>>