日期:2014-05-17  浏览次数:20433 次

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