首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

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

2012-08-29 
分享新闻列表控件+新闻控件+ 幻灯片控件最近在开发网站项目,为了偷懒在网上找了几个新闻列表控件,但是用起

分享新闻列表控件+新闻控件+ 幻灯片控件
最近在开发网站项目,为了偷懒在网上找了几个新闻列表控件,但是用起来感觉差强人意,不是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}&nbsp;&nbsp;作者:{1}&nbsp;& nbsp;时间:{2}&nbsp;&nbsp;点击量:{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分可用分

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

热点排行