分享新闻列表控件+新闻控件+ 幻灯片控件
最近在开发网站项目,为了偷懒在网上找了几个新闻列表控件,但是用起来感觉差强人意,不是bug太多就是功能不够强大,在应付新闻列表各种样式时更感到有心无力。于是自己动手写了三个经常用到的控件,在使用过程中感觉还不错,现上传与各位分享,也希望能与各位一起测试改进。
一、控件附件
1、YXL.Controls.dll ,控件dll,通过工具箱进行加载
2、YXL.DbHelper.dll,数据库操作类
二、控件功能
1、新闻列表控件
(1)支持分页功能
(2)支持自定义列表内容,扩展性强
(3)支持列表前缀,自定义前缀数
(4)支持列表后缀,自定义后缀数
(5)支持格式化时间
2、新闻控件
(1)支持新闻图片
(2)支持新闻标题、信息、内容格式化
(3)支持自定义关闭按钮
(4)支持上下篇新闻
(5)支持自定义上下篇显示方式
3、幻灯片控件(特注:此控件内封装了 jQuery.KinSlideshow幻灯片插件,感谢此作者,特此声明)
(1)支持标题长度截取
(2)自定义切换模式
(3)自定义切换方向
三、控件示例
在页面头部加上<%@ Register Assembly="YXL.Controls" Namespace="YXL.Controls" TagPrefix="YXL" %> ,控件直接从工具箱中拖到页面,则系统自动添加Register
1、新闻列表控件
<YXL:NewsList ID="NewsList1" runat="server" ConnectionStringName="SqlServer" TableName="News"
PrimaryKey="NewsId" Where="" OrderBy="" ShowNews="true" NewsFormat="<a target='_blank' href='News.aspx?Id={0}'>{1}</a>"
NewsArgs="NewsId,NewsTitle" NewsTitleField="NewsTitle" NewsTitleLength="15" ShowEllipsis="true"
ShowNewsTime="true" NewsTimeField="AddTime" NewsTimeFormat="MM-dd" NewsTimePosition="Footer"
ShowPrefix="false" PrefixFormat="<img src='{0}' />" PrefixArgs="ImageUrl" TopPrefix="10"
ShowSuffix="true" SuffixFormat="<img src='{0}' />" SuffixArgs="ImageUrl" TopSuffix="3"
ShowPager="true" PageSize="10" PagerMode="NextPrev" PagerPosition="Buttom" PagerCss="PagerCss"
CurrentPageIndexCss="CurrentPageIndexCss" ListCss="ListCss" />
属性说明:
ConnectionStringName---数据库连接字符串名,web.config内的connectionStrings的连接名,支持多数据库
TableName---新闻表名
PrimaryKey---新闻表主键名
Where---新闻查询条件
OrderBy---新闻排序方式
ShowNews---是否显示新闻列表内容,注:新闻列表包括新闻列表前缀、新闻列表内容和新闻列表后缀,特此说明
NewsFormat---新闻列表内容格式
NewsArgs---新闻列表内容格式参数
NewsTitleField---新闻标题字段,主要用于截取标题长度,不截取长度则不需填写
NewsTitleLength---新闻标题长度
ShowEllipsis---被截取的新闻标题尾部是否显示省略号
ShowNewsTime---是否显示时间
NewsTimeField---时间字段名
NewsTimeFormat---时间显示格式,yyyy-MM-dd HH:mm:ss
NewsTimePosition---时间显示位置
ShowPrefix---是否显示前缀
PrefixFormat---前缀格式
PrefixArgs---前缀格式参数(表字段名)
TopPrefix---前N个前缀显示
ShowSuffix---是否显示后缀
SuffixFormat---后缀格式
SuffixArgs---后缀格式参数(表字段名)
TopSuffix---前N个后缀显示
ShowPager---是否分页
PageSize---分页大小
PagerMode---分页模式
PagerPosition---分页位置
PagerCss---分页样式
CurrentPageIndexCss---数字索引分页模式时,当前页索引的样式
ListCss---新闻列表样式
结构说明:
上分页:<p><a>1</a>< /p>
列表:<ul><li>...</li></ul>
下分页:<p><a>1</a></p>
2、新闻控件
<YXL:News runat="server" ID="News1" ConnectionStringName="SqlServer2"