读书人

分享资讯列表控件+新闻控件+ 幻灯片控

发布时间: 2012-08-29 08:40:14 作者: rapoo

分享新闻列表控件+新闻控件+ 幻灯片控件
最近在开发网站项目,为了偷懒在网上找了几个新闻列表控件,但是用起来感觉差强人意,不是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下载地址

[解决办法]
看不懂,不过应该是不错的
[解决办法]
好东西。感谢分享。
如果能在排版一下帖子格式就更完美了。
[解决办法]
源码放出来怎么样?研究研究控件是怎么开发的
[解决办法]
看不懂,不过应该是不错的

[解决办法]
好东西,得支持!!!
[解决办法]
好牛哦
[解决办法]
支持开源!!!
[解决办法]

探讨

学习 学习

[解决办法]
差强人意:是还好的意识!!!不是贬义
[解决办法]
支持。。。
[解决办法]
用下看看怎么样!谢谢版主分享!
[解决办法]
看不懂、、、、不过还是 、、、学习啦
[解决办法]

UP 先收藏
[解决办法]
探讨

好东西。感谢分享。
如果能在排版一下帖子格式就更完美了。

[解决办法]
看不懂,但还是支持下,O(∩_∩)O哈!
[解决办法]
感谢楼主分享!
[解决办法]
最近在开发网站项目,为了偷懒在网上找了几个新闻列表控件,但是用起来感觉差强人意,不是bug太多就是功能不够强大,在应付新闻列表各种样式时更感到有心无力。于是自己动手写了三个经常用到的控件,在使用过程中感觉还不错,现上传与各位分享,也希望能与各位一起测试改进。

[解决办法]
支持下
[解决办法]
探讨
每天回帖即可获得10分可用分

[解决办法]
观摩技术性讨论

读书人网 >asp.net

热点推荐