码迷,mamicode.com
首页 > Web开发 > 详细

SharePoint专家新闻轮转器WebPart----亲测力推之Web部件

时间:2014-06-21 20:33:02      阅读:338      评论:0      收藏:0      [点我收藏+]

标签:sharepoint   web part   news rotator   新闻轮转器   

SharePoint专家新闻轮转器WebPart----亲测力推之Web部件

项目截图:

bubuko.com,布布扣
bubuko.com,布布扣
bubuko.com,布布扣

注意:

专家新闻轮转器还在测试阶段。期待大家讨论和跟踪问题。

项目描述:

专家新闻轮转器是一个SharePoint Web 部件,基于jQuery Image Rotator 图片轮转器,能够滚动通知列表中的内容。
1. 每个新闻项目一个图片
2. 每个新闻项目一个缩略图
3. 可限制新闻项目数
4. 通过SharePoint 视图过滤筛选项目

部署方法步骤:

1. 首先,点击下载wsp文件,并部署此Web部件。点击此处下载
2. 在站点首页添加此Web部件。点击编辑此Web部件。
有两个自定义的设置:
bubuko.com,布布扣
首先是第一个General Setting 常规设置。
基本不用更改这方面的设置,可以自己琢磨一下各个属性。
第二个是选择一个通知列表,主要轮转的新闻就是这个通知的项目。
bubuko.com,布布扣
1. 设置News Image URL Column为Image File;
2. 设置News Thumb Image URL Column 为Image Thumb Url。
然后
3. 我们在通知列表中添加两个栏目Image File和Image Thumb Url,类型均为Image Uploader。
4. 第一个Image File宽度270px;
5. 第二个50px。
6. 记住此列表要禁用附件。
7. Upload Image to the following list属性自己设置一个图片库就可以。
我这里用的一个catPic的图片库,放了许多小猫的图片。
8. 在通知列表中增加几个通知项目。写上标题、到期时间、在上载两张普通图片(缩略图会自动生成)。
完毕以后在站点首页查看此Web部件。就会看到漂亮的新闻轮转器啦。点击左侧大图的标题还能进入通知列表查看内容。

PS:

1. 注意通知列表的名称不要带中文。建议全英文,要符合命名最佳实践。
2. 我试过支持jpg图片,不支持png。各位网友可以试一试其他格式的。

最终效果:

bubuko.com,布布扣

SharePoint专家新闻轮转器WebPart----亲测力推之Web部件,布布扣,bubuko.com

SharePoint专家新闻轮转器WebPart----亲测力推之Web部件

标签:sharepoint   web part   news rotator   新闻轮转器   

原文地址:http://blog.csdn.net/crazygolf/article/details/32164823

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!