发布一款层次下拉列表控件

简介:

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

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

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

 

控件Code

 

具体调用示例:

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

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

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

后台数据绑定

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

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

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

本文转自深蓝居博客园博客,原文链接:http://www.cnblogs.com/studyzy/archive/2008/02/25/1080289.html,如需转载请自行联系原作者

相关文章
|
10月前
|
JavaScript
fastadmin表格列表内部自定义按钮
fastadmin表格列表内部自定义按钮
183 0
fastadmin表格列表内部自定义按钮
WPF—多重绑定和跨层级绑定
WPF—多重绑定和跨层级绑定
|
10天前
【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。
【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。
|
10月前
|
UED 开发者
构建可访问的自定义表单控件
在现代Web应用程序中,表单是一个至关重要的组件。用户可以通过表单输入数据并与应用程序进行交互。为了提高用户体验,并让所有用户都能轻松地使用您的应用程序,构建可访问的自定义表单控件是非常重要的。
|
10月前
|
前端开发 定位技术
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
861 0
|
设计模式 JSON 前端开发
如何设计一个属性面板?
如何设计一个属性面板?
142 0
|
Java Android开发
移动应用程序设计基础——点菜单列表实现
进一步理解Android各种控件的使用,加深控件的属性、方法的使用,熟练掌握ListView控件的使用,熟练掌握对话框的使用。 实现点菜单列表 1.1布局结构 列表布局分为两大部分,上半部分显示列表内容,底部显示所有菜品的总价; 菜品项如图所示包括 1.图片,图片格式120*120; 2.标题,居中,android:textAppearance="?android:attr/textAppearanceLarge", 3.菜品介绍内容,最多显示3行,超过部分用…表示,android:textAppearan
156 0
移动应用程序设计基础——点菜单列表实现
|
JavaScript 数据安全/隐私保护
基于Vue实现跨表格(单选、多选表格项,单表格限制)相互拖拽
基于Vue实现跨表格(单选、多选表格项,单表格限制)相互拖拽
使用扩展方式隐藏SAP Fiori应用某个表格标签页的实际案例
使用扩展方式隐藏SAP Fiori应用某个表格标签页的实际案例
118 0
使用扩展方式隐藏SAP Fiori应用某个表格标签页的实际案例
|
Web App开发 前端开发
SAP Fiori应用Footerbar区域按钮的高亮显示逻辑
SAP Fiori应用Footerbar区域按钮的高亮显示逻辑
101 0
SAP Fiori应用Footerbar区域按钮的高亮显示逻辑