漂亮的NavMenu导航控件

1.控件开发背景
   我们在做项目的时候经常会遇到要做后台管理界面,一般都是用Fram框架来实现,框架的左面是一个导航栏,关键就是这个导航栏,是用TreeView控件,还是自己写JS脚本,用TreeView吧影响美观,写JS吧,太多了,麻烦。为了不用TreeView又省去写JS的麻烦,所以就有了
把以前写好的JS脚本封装成Asp.Net 服务器控件的想法。
2.实现效果
     
3.  属性
      
CssFilePath :是如果用户不喜欢内置的CSS样式,可以选择自己喜欢的CSS样式来满足自己的需求。
ListItems    :是一个集合属性,其内部也包含一个集合属性。
4.设计时支持

增加设计时支持 , 主要是重写下面的方法:
public override DesignerActionItemCollection GetSortedActionItems()
        {
            DesignerActionItemCollection list 
= new DesignerActionItemCollection();
            list.Add(
new DesignerActionTextItem("查看选择面板""ShowPanel"));
            list.Add(
new DesignerActionPropertyItem("CssFilePath""Css文件路径:""NavMenu"));
            list.Add(
new DesignerActionPropertyItem("ListItems""ListItems:""NavMenu"));
            
return list;
        }
ListItems在设计时的界面同属性一样,如下图:

5.项目工程结构如下

6.小结
本控件主要有几个重点。
   (a).TypeConverter的实现。
    (b).Editor的实现。
    (c).NavMenuDesigner的实现.
7源代码下载
/Files/HeroBeast/NavMenu.rar
欢迎大家加入 "小强控件园" ,有更多惊喜等着你,进入小强控件园
工欲善其事,必先利其器


小强控件园,MVP技术后盾!赶快加入
Tag标签: NavMenu
posted @ 2008-01-21 14:19 HeroBeast 阅读(1050) 评论(1)  编辑 收藏 所属分类: 控件开发

  回复  引用  查看    
#1楼 2008-01-21 15:16 | 猫冬      
为了这个漂亮的界面,我顶一下,支持博主

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-02-14 16:39 编辑过
 
另存  打印
最新IT新闻:
· 阿里巴巴确立未来十年战略规划 修改自身定位
· 微软高管:Wii用户最终会成为Xbox 360用户
· 遵守YouTube案裁定 谷歌将陷入隐私指控深渊
· iPhone入华在即 中国手机产业生存面临考验
· 阿里巴巴集团再向淘宝注资20亿元