自己写的web自定义控件

　　经过几天的努力，此次共完成了四个控件的开发：分页控件、验证码控件、日期选择控件和折叠面板控件。下面分别介绍每种控件的使用方法。也希望大家给出宝贵的修改意见。

一、分页控件(PagingPanel)

< fsc:PagingPanel  runat ="server"  id ="PagingPanel1"  PageNumberCount ="7" ></ fsc:PagingPanel >

　　分页控件可支持的数据控件有DataGrid、DataList、Repeater，同时可支持DataList的多列显示功能。可支持的数据源有Array、ArrayList、DataTable、DataView。

         private   void  Bind()
         {
            Pagingpanel1.PageSize = 20; //每页可显示的行
            Pagingpanel1.RepeatColumns = 4; //多列
            DataList1.DataSource = Pagingpanel1.SetDataSource(DataTable1);//转换数据源
            DataList1.DataBind();
        }

　　使用激活事件 PageIndexChange来进行分页

         private   void  Pagingpanel1_PageIndexChanged( object  sender, FaibClass.WebControls.PageIndexChangedEventArgs e)
         {
            Pagingpanel1.CurrentPageIndex = e.NewPageIndex;
            Bind();
        }

　　 部份属性说明
　　AutoPostBack
　　如果设为 false则不需要使用事件PageIndexChanged即可实现数据分页，即此时是通过Request.QueryString来传递页码的。

　　 RepeatColumns
　　此属性用于与DataList的关联，与DataList的RepeatColumns属性一致。

　　 ShowFirstLast
　　是否显示“首页”与“尾页”按钮。

　　 ShowPageBox、ShowPageList
　　分别是：是否显示页码输入框、页码列表框。

　　 PageNumberCount
　　显示快捷的页码跳转串，首尾用...延续。

二、验证控件(ValidateBox)

< fsc:ValidateBox  runat ="server"  id ="ValidateBox1"  ImageUrl ="vercode.jpg" ></ fsc:ValidateBox >

　　在使用验证之前，需在Web.Config中加入：

   < system.web >
         < httpHandlers >
             < add verb = " GET "  path = " *.fbs.ashx "  type = " FaibClass.WebControls.AshxHandler,FaibClass.WebControls " />
         </ httpHandlers >
   </ system.web >

　　这个控件的使用很简单，只需给定一个ImageUrl即可，客服端可使用属性 value来获得验证码。

　　 部份属性说明
　　 Length
　　验证码的位数。

　　 TextAngle
　　字体的旋转角度。

三、日期选择控件(CalendarBox)

< fsc:CalendarBox  runat ="server"  id ="CalendarBox1"  ShowStyle ="OnContextMenu" ></ fsc:CalendarBox >

 

　　此控件与ValiedateBox一样需在Web.Config里加入httpHandler。
　　此控件可以自由地定义日期格式，及相应的css样式。

　　 部份属性说明
　　 DataFormat
　　设置日期格式，ymd -- 年月日 mdy -- 月日年 dmy -- 日月年

　　 DataSeparator
　　日期中年月日的分隔符

　　 ShowStyle
　　定制选择面板的弹出方式 OnClick -- 单击时 OnDblClick -- 双击时 OnFocus -- 获得焦点时 OnContextMenu -- 右键菜单时

四、折叠面板控件(CollapablePanel)

< fsc:collapablepanel  id ="CollapablePanel1"  runat ="server"  PanelColor ="Yellow"  PanelCssClass ="panel"  CssClass ="tt"
    BorderWidth ="1px"  BorderStyle ="Solid"  BorderColor ="#404000"  BackColor ="#FFE0C0"  Width ="175px"  ExpandSolePanel ="True" >
     < fsc:CollPanel  Text ="系统菜单"  BackColor ="" >
         < fsc:CollItem  ImageUrl ="save.gif"  Text ="我的资料"  CommandName ="MyInfo" ></ fsc:CollItem >
         < fsc:CollItem  ImageUrl ="save.gif"  Text ="修改密码"  CommandName ="ModifyPwd" ></ fsc:CollItem >
         < fsc:CollItem  ImageUrl ="save.gif"  Text ="退出登录"  CommandName ="Logout" ></ fsc:CollItem >
     </ fsc:CollPanel >
     < fsc:CollPanel  Text ="会员管理"  BackColor ="" >
         < fsc:CollItem  ImageUrl ="save.gif"  Text ="新增会员"  CommandName ="AddMember" ></ fsc:CollItem >
         < fsc:CollItem  ImageUrl ="save.gif"  Text ="会员管理"  CommandName ="Member" ></ fsc:CollItem >
         < fsc:CollItem  ImageUrl ="save.gif"  Text ="会员续费"  CommandName ="Safe" ></ fsc:CollItem >
     </ fsc:CollPanel >
     < fsc:CollPanel  Text ="其他管理"  BackColor ="" >
         < fsc:CollItem  ImageUrl ="save.gif"  Text ="档案录入"  CommandName ="Safe" ></ fsc:CollItem >
     </ fsc:CollPanel >
</ fsc:collapablepanel >

　　部份属性说明
　　 AutoPostBack
　　此属性如果设为true，则可使用控件CollItemCommand事件来进行操作，每一个CollItem应指定CommandName；如果为false，使用Url链接到其他页面。

　　 ExpandSolePanel
　　设置为true时，只允许一项处于展开状态。

=================================================================

　　此控件尚在测试阶段，下载地址： http://files.cnblogs.com/faib/FaibClass.WebControls.rar。 (现在已关闭下载，需要的可以与我联系)