分享新闻列表控件+新闻控件+ 幻灯片控件
最近在开发网站项目,为了偷懒在网上找了几个新闻列表控件,但是用起来感觉差强人意,不是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" TableName="News" Where="" OrderBy=""
NewsIdField="NewsId" NewsTitleField="NewsTitle" NewsContentField="NewsContent"
ShowHeaderDivideLine="true" ShowNewsAddition="true" NewsAdditionFormat="新闻来源:{0} 作者:{1} & nbsp;时间:{2} 点击量:{3}"
NewsAdditionArgs="NewsFrom,NewsAuthor,NewsTime,HitCount" NewsImageTableName="NewsImageTable" NewsImageWhere="" NewsImageOrderBy="" NewsImageUrlFormat="" NewsImageUrlArgs="" ShowCloseButton="true"
CloseButtonType="LinkButton" ShowFooterDivideLine="true" ShowAdjacent="true"
AdjacentNewsFormat="<a target='_self' href='News.aspx?Id={0}'>{1}</a>"
AdjacentNewsArgs="NewsId,NewsTitle" AdjacentRepeatDirection="Horizontal"></YXL:News>
属性说明:
ConnectionStringName---数据库连接字符串名
TableName---新闻表名
NewsIdField---新闻编号字段
NewsId---当前新闻编号
NewsTitleField---新闻标题字段
NewsTitleCss---标题样式
NewsContentField---新闻内容字段
NewsContentCss---内容样式
ShowNewsAddition---是否显示新闻信息
NewsAdditionCss---信息样式
NewsAdditionFormat---新闻信息格式
NewsAdditionArgs---新闻信息格式
ShowHeaderDivideLine---是否显示头部分割线
HeaderDivideLine---自定义后部分割线
ShowFooterDivideLine---是否显示尾部分割线
FooterDivideLine---自定义尾部分割线
ShowNewsImage---是否显示新闻图片
NewsImageTableName---新闻图片表名
NewsImageWhere---新闻图片查询条件
NewsImageOrderBy---新闻图片排序方式
NewsImageUrlFormat---新闻图片地址格式
NewsImageUrlArgs---新闻图片地址参数列表
ShowCloseButton---是否显示关闭按钮
CloseButtonTyle---关闭按钮类型
CustomCloseButto---自定义关闭按钮
ShowAdjacent---是否显示上下篇
AdjacentNewsFormat--上下篇新闻格式
AdjacentNewsArgs---上下篇新闻参数列表
AdjacentRepeatDirection--上下篇布局
AdjacentRepeatColumns--横向布局时每行列数
AdjacentCss---上下篇样式
结构说明:
标题:<div><p></p></div>
信息:<div><p></p></div>
内容:<div><p></p></div>
上下篇:<div><ul><li></li></ul></div>
3、幻灯片控件
<YXL:ImageSlider runat="server" ID="slider" ConnectionStringName="SqlServer2" TableName="News"
ImageUrlFormat="Resources/Images/Desert.jpg" UrlFormat="{0}" UrlArgs="NewsFrom"
ShowNavigator="true" ShowTitleBar="true" ShowTitle="true" TitleField="NewsTitle"
TitleLength="0" ShowEllipsis="true" ShowDescription="true" DescriptionField="NewsContent"
Width="500" Height="300" PageSize="10" ImageMoveDirection="Left" ImageMoveTriggleMode="MouseOver"
IntervalTime="3" SpeedTime="400" />
</YXL:ImageSlider>
属性说明:
ConnectionStringName---数据库连接名
TableName---图片表名
Where---查询条件
OrderBy---排序方式
PageSize---页数
ImageUrlFormat---图片地址格式
ImageUrlArgs---图片地址参数列表
UrlFormat---链接地址格式
UrlArgs---链接地址参数列表
ShowTitleBar---是否显示标题栏
ShowTitle---是否显示标题
TitleField---标题字段名
TitleLength--- 标题截取长度
ShowEllipsis---被截取的标题后是否显示省略号
ShowDescription---是否显示图片说明(鼠标悬浮在图片上时显示)
DescriptionField---说明字段
ShowNavigator---是否显示导航条
ImageMoveDirection---图片切换方向
ImageMoveTriggleMode---图片切换触发模式
IntervalTime---图片切换间隔时间
SpeedTime---图片切换动画时间
Width---幻灯窗口宽度
Height---幻灯窗口高度
博客地址:http://blog.csdn.net/showlie
下载地址:dll下载地址
[解决办法]
看不懂,不过应该是不错的
[解决办法]
好东西。感谢分享。
如果能在排版一下帖子格式就更完美了。
[解决办法]
源码放出来怎么样?研究研究控件是怎么开发的
[解决办法]
看不懂,不过应该是不错的
[解决办法]
好东西,得支持!!!
[解决办法]
好牛哦
[解决办法]
支持开源!!!
[解决办法]