自己写的web自定义控件

Posted on 2007-04-04 16:51 faib 阅读(3277) 评论(43) 编辑收藏网摘所属分类: C# 、Asp.Net 、控件

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

一、分页控件(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>

</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。 (现在已关闭下载，需要的可以与我联系)

Feedback

#1楼  回复 引用 查看

2007-04-05 15:36 by Clark Zheng

mark

#2楼  回复 引用 查看

2007-04-05 15:37 by 小K

恩，都不错只是那个日历控件在 2005下，有点变形

#3楼 [楼主] 回复 引用 查看

2007-04-05 16:17 by faib

怎么会变形呢，只要能用就可以了，毕竟这个控件是在2003下开发的。

谢谢大家的支持！！我会继续努力的！！

#4楼 [楼主] 回复 引用 查看

2007-04-05 16:47 by faib

下一步计划，做一个Menu和TabView

#5楼  回复 引用 查看

2007-04-05 19:31 by Clark Zheng

建议你使用ASP.NET Ajax ControlToolKit来开发

#6楼 [楼主] 回复 引用 查看

2007-04-06 09:03 by faib

不过我认为信赖于其他组件不是明智之举

#7楼  回复 引用 查看

2007-04-06 10:50 by Clark Zheng

@faib
如果不信任ASP.NET Ajax那么为什么学习自定义服务控件呢？都是.NET框架的东西呀，都是微软的官方产品呀

#8楼  回复 引用

2007-05-16 09:44 by dreamsfeng [未注册用户]

faib 你好！你能否把你写的web自定义控件的源代码给我发一份吗？dreamsfeng@sohu.com

#9楼  回复 引用

2007-05-25 17:44 by aquila [未注册用户]

能给我一份吗?谢谢~~aquilahkj@163.com
我也在写分页的控件~~想参考一下

#10楼  回复 引用

2007-05-31 08:13 by fws [未注册用户]

谢谢，请发份给偶，ws841104@gmail.com

#11楼  回复 引用

2007-06-01 14:54 by gdang [未注册用户]

给我份吧～
longjuanhaoyu@gmail.com

#12楼  回复 引用

2007-06-07 16:44 by yyyong [未注册用户]

给我一份折叠面板控件的代码，好吗？
我做网站需要用到，谢谢
yyyong2004@163.com

#13楼  回复 引用

2007-06-10 17:27 by 丁代阳 [未注册用户]

给我一份代码吗？最近急用
dingdaiyang@hotmail.com

#14楼  回复 引用

2007-06-20 00:46 by mgodot [未注册用户]

本人近期正在学习制作web自定义控件．
希望能求您一份日历控件的code.万分感激．
mgodotmg@126.com

#15楼  回复 引用

2007-06-25 09:11 by sbitxg521 [未注册用户]

你好，我也想要一份
sbitxg521@163.com

#16楼  回复 引用

2007-06-26 16:37 by yacc2211 [未注册用户]

想学习下
能给份代码吗?
handong2211@hotmail.com

#17楼  回复 引用

2007-06-28 16:15 by 何金银 [未注册用户]

很想学习。麻烦发一份啊
zwkandy555@163.com

#18楼  回复 引用

2007-07-06 14:49 by rsfc [未注册用户]

非常希望能得到一份谢谢
rsfc@163.com

#19楼  回复 引用

2007-07-06 18:14 by xianxian [未注册用户]

非常渴望得到一份谢谢！
realms@163.com

#20楼  回复 引用

2007-07-06 18:16 by xianxian [未注册用户]

对不起刚打错了油箱
realms@126.com

谢谢！

#21楼  回复 引用

2007-07-06 21:46 by 妞妞 [未注册用户]

caicaihui@126.com

希望得到一份，谢谢~

#22楼  回复 引用 查看

2007-07-07 15:37 by superstar

superghy@126.com
可以给一份我吗,谢谢了!

#23楼  回复 引用

2007-07-10 08:42 by most [未注册用户]

songtaom840804@163.com
可以给一份我吗？十分感谢!

#24楼  回复 引用

2007-07-12 13:29 by fred [未注册用户]

fredliu@teczs.com
可以给一份给我吗?万分感激!

#25楼 [楼主] 回复 引用 查看

2007-07-12 14:23 by faib

大家再等一等，差不多可以发布了，此控件包中包括以下控件：

AutoCompleteBox （自动完成控件）
CalendarBox （日期选择控件）
FoldingPanel （折叠面板控件）
ImageUploader （图片上传控件）
ImageViewer （图片浏览控件）
MenuPanel （菜单控件）
PagingPanel （数据分页控件）
Panel （面板控件）
ValidateBox （验证码控件）

版本：1.3.141