SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据,并以一定的格式显示(加css样式)
2015-04-03 17:45
489 查看
注:此实例无需添加数据控件,避免了一些繁琐的代码
实现效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/3b12df76484b6d99d8451ddeeeceef6d.gif)
读取数据和图片,并以每行两列的形式显示
所需列表如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/703fcb608a601e5bd9892c5ab7074356.gif)
1、 VS2010创建沙盒解决方案
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/4d8e25d9b3eedd7b3970386fc4e29f62.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/116651f604361b969c938277893d50cf.gif)
2、 创建webpart
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/7b106209674941dbaba4dcc137a6a390.gif)
3、在TestWebpart.cs中添加代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/59c66754e77f429fb21853cca5dac4c6.gif)
添加 protected override void Render(HtmlTextWriter writer)方法
注:css样式文件已在母版页中引用,在此直接使用。
全部代码如下
完成代码后,在VS2010中点击测试部署沙盒解决方案,在sharepoint页面中插入webpart部件TestWebpart,查看结果。
4、 在Sharepoint Online中部署沙盒解决方案
将解决方案bin目录下的TestProject.wsp上传到sharepoint解决方案中
方法如下:
打开要部署的sharepoint网站,网站操作——网站设置——解决方案
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/e45000603136a03ad94417fcee763b51.gif)
在解决方案选项卡中选择“上载解决方案”,并激活,在页面中插入webpart即可。
附:css样式
实现效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/3b12df76484b6d99d8451ddeeeceef6d.gif)
读取数据和图片,并以每行两列的形式显示
所需列表如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/703fcb608a601e5bd9892c5ab7074356.gif)
1、 VS2010创建沙盒解决方案
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/4d8e25d9b3eedd7b3970386fc4e29f62.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/116651f604361b969c938277893d50cf.gif)
2、 创建webpart
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/7b106209674941dbaba4dcc137a6a390.gif)
3、在TestWebpart.cs中添加代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/59c66754e77f429fb21853cca5dac4c6.gif)
添加 protected override void Render(HtmlTextWriter writer)方法
注:css样式文件已在母版页中引用,在此直接使用。
全部代码如下
using System; using System.ComponentModel; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using Microsoft.SharePoint; using Microsoft.SharePoint.WebControls; using System.Xml.Serialization; using System.Linq; using System.Data; namespace TestProject.TestWebpart { [ToolboxData("<{0}:WPToolPaneTest runat=server></{0}:TestWebpart>"), XmlRoot(Namespace = "TestWebpart")]//定义Toolbox data public class TestWebpart : WebPart { protected override void CreateChildControls() { } protected override void Render(HtmlTextWriter writer) { SPSite site = SPContext.Current.Site; SPWeb web = SPContext.Current.Web; SPList list = web.Lists["保险类别"]; var query = from SPListItem item in list.Items orderby item.ID ascending select item; writer.Write("<div class='Default_left_part1_left_part1_5'>"); writer.Write("<div class='Default_left_part1_left_part1_4'><table width='100%' cellpadding='0' cellspacing='0' border='0'><tr>"); int i = 1; foreach (SPListItem item in query) { writer.Write("<td class='Default_left_part1_left_part1_4_1'><div><table width='100%' cellpadding='0' cellspacing='0' border='0'><tr><td class='Default_left_part1_left_part1_4_1_1'><img alt='' src='"); writer.Write(item["图标"] == null ? "" : item["图标"].ToString()); writer.Write("' /></td><td class='Default_left_part1_left_part1_4_1_2'><div><a href='/Lists/List/DispForm.aspx?ID="); writer.Write(item["ID"].ToString()); writer.Write("' class='Default_mylink1_2'><b>"); writer.Write(item["标题"] == null ? "" : item["标题"].ToString()); writer.Write("</b></a></div><div>"); if (item["副标题"] != null) { writer.Write(item["副标题"].ToString().Length > 15 ? item["副标题"].ToString().Substring(0, 15) + "…" : item["副标题"].ToString()); } else { writer.Write(""); } writer.Write("</div></td></tr></table></div></td>"); if (i % 2 == 0) { writer.Write("</tr><tr>"); } i++; } writer.Write("</tr></table></div>"); writer.Write("</div>"); base.Render(writer); } } }
完成代码后,在VS2010中点击测试部署沙盒解决方案,在sharepoint页面中插入webpart部件TestWebpart,查看结果。
4、 在Sharepoint Online中部署沙盒解决方案
将解决方案bin目录下的TestProject.wsp上传到sharepoint解决方案中
方法如下:
打开要部署的sharepoint网站,网站操作——网站设置——解决方案
![](https://oscdn.geek-share.com/Uploads/Images/Content/201909/25/e45000603136a03ad94417fcee763b51.gif)
在解决方案选项卡中选择“上载解决方案”,并激活,在页面中插入webpart即可。
附:css样式
.pingan_Default_left_part1_left_part1_5 { padding-top:2px; width:463px; } .pingan_Default_left_part1_left_part1_4 { width:463px; } .pingan_Default_left_part1_left_part1_4_1 { padding-top:10px; vertical-align:top; text-align:left; } .pingan_Default_left_part1_left_part1_4_1_1 { vertical-align:top; text-align:left; width:56px; } .pingan_Default_left_part1_left_part1_4_1_2 { vertical-align:top; text-align:left; padding-left:5px; color:#666666; line-height:20px; } a.pingan_Default_mylink1_2:link { line-height:20px; font-size:12px; COLOR: #666666; TEXT-DECORATION: none } a.pingan_Default_mylink1_2:visited { line-height:20px; font-size:12px; COLOR: #666666; TEXT-DECORATION: none } a.pingan_Default_mylink1_2:hover { line-height:20px; font-size:12px; COLOR: #FA8100; TEXT-DECORATION: underline; }
相关文章推荐
- SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据,并以一定的格式显示(加css样式) .
- SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据,并以一定的格式显示(加css样式)
- SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据,并以一定的格式显示(加css样式)
- SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据,并以一定的格式显示(加css样式)
- SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题
- SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题
- SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题
- SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题
- SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题
- asp.net控件开发基础(19) --------数据列表绑定控件
- flex :读取access数据库数据 转化为xml 然后在flex页面显示绑定图片
- DataGridView绑定数据时,时间格式显示不全的问题
- 可视化webpart基础开发——TreeView控件读取文档库中的所有文件夹和文件(递归方法读取)
- Sharepoint2010应用开发三:使用客户端对象模型(Client Object Model)读取列表数据
- 跨站点显示列表数据 ListViewWebPart
- DataGridView (四)将一个字段绑定到多列逐行显示后取值还原数据格式
- 可视化webpart基础开发——TreeView控件读取文档库中的所有文件夹和文件(递归方法读取) .
- 在WinForm 开发中经常用到ListView控件绑定显示DataTable数据,下面记录下主要代码:
- 数据绑定控件Repeater/GridView/DataList在前台显示正确的文本格式
- ASP.net 从数据库中读取html格式的数据并显示在页面中