注:此实例无需添加数据控件,避免了一些繁琐的代码

实现效果如下:

读取数据和图片,并以每行两列的形式显示

所需列表如下:

1、 VS2010创建沙盒解决方案

2、 创建webpart

3、在TestWebpart.cs中添加代码

添加 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 datapublic 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网站,网站操作——网站设置——解决方案

在解决方案选项卡中选择“上载解决方案”,并激活,在页面中插入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;
}

转载于:https://www.cnblogs.com/ningang/p/4390685.html

SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据,并以一定的格式显示(加css样式)...相关推荐

  1. SharePoint2010沙盒解决方案基础开发——关于TreeView树形控件读取列表数据(树形导航)的webpart开发及问题...

    转:http://blog.csdn.net/miragesky2049/article/details/7204882 SharePoint2010沙盒解决方案基础开发--关于TreeView树形控 ...

  2. SharePoint 2010 沙盒解决方案以及 Visual Studio 2010 模板

    SharePoint 2010中的沙盒解决方案为SharePoint开发提供了很好的支持.我们在不做场部署的情况下,可以使用很多伟大的功能.但是,沙盒解决方案也有它自有的限制,不是所有的项目模板(pr ...

  3. SharePoint 沙盒解决方案 VS 场解决方案

    博客地址 http://blog.csdn.net/foxdave 最近看书正好看到了关于沙盒解决方案的介绍,便整理记录一下. 虽然沙盒解决方案已经在最新的SharePoint开发中被否决弃用了(被A ...

  4. SharePoint 2010 使用沙盒解决方案隐藏页面中的”元素”

    起因: 一朋友问我如何隐藏SharePoint 2010中"回收站"和"所有网站内容".我告诉他需要写点css,然后他就蒙圈了(他是英文专业). 解决方案: 一 ...

  5. SP2010开发和VS2010专家食谱--第三章节--高级工作流(2)--为沙盒解决方案创建自定义活动...

    尽管沙河解决方案功能有限,你仍然可以开发自定义活动,在SharePoint Designer中使用而不用改变web.config或添加.ACTION文件到根文件夹. 转载于:https://www.c ...

  6. 【Android 逆向】代码调试器开发 ( ptrace 函数 | 读取进程内存数据 )

    文章目录 一.读取进程内存数据 二.读取流程 三.完整代码 一.读取进程内存数据 使用 ptrace 函数读取内存数据 : ptrace(PTRACE_PEEKTEXT, m_nPid, (void* ...

  7. RecyclerView的基础使用 +点击添加列表数据 +下拉刷新、上拉加载更多

    一.RecyclerView的基础使用. 第一步:添加recyclerview控件. 第二步:创建布局文件(xml) + 单独的类控制布局里面的控件(MyViewHolder). 第三步:创建一个适配 ...

  8. SharePoint 2010 沙盒开发

    前言 本文期图阐述在SP2010里面Sandboxed的原理极其相关使用.写这篇文章的时候正好遇到一个用户的case,这个case需要在某个列表里输入数据点击保存后数据能按照一定的格式插到Calend ...

  9. iOS开发:沙盒机制以及利用沙盒存储字符串、数组、字典等数据

    iOS开发:沙盒机制以及利用沙盒存储字符串.数组.字典等数据 1.初识沙盒:(1).存储在内存中的数据,程序关闭,内存释放,数据就会丢失,这种数据是临时的.要想数据永久保存,将数据保存成文件,存储到程 ...

最新文章

  1. Pytorch Lightning 完全攻略!
  2. RabbitMQ延迟消费和重复消费
  3. MySQL下bin-log的三种模式(ROW、Statement、Mixed)
  4. VMware Sphere 虚拟磁盘创建选项
  5. 51单片机redefinition_lcd12864程序在keil中出现好多重新定义,尝试了很多办法都改不了,求助大家了...
  6. struts2 + spring + mybatis 框架整合
  7. 程序员必备的八大排序算法
  8. java uuid to long,生成long类型的UUID
  9. 【Download error:TOO MANY REQUESTS】【TypeError:excepted string or buffer】
  10. jav面试基础(1)
  11. python+selenium设置chrome代理的方式
  12. C语言后缀.h文件和.c文件作用和区别
  13. 未解决问题之一呃呃呃(不认识)
  14. Windows照片查看器无法显示此照片,因为计算机上的可用内存可能不足
  15. 关于禁用微软拼音输入法的解决方法
  16. PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局
  17. 网课查题公众号-搜题接口使用
  18. SQL Server无法连接到服务器
  19. python 文本转语音播放失败_win下使用PyQt的Phonon播放失败
  20. linux系统superpi运行,Super PI under Linux

热门文章

  1. gin自定义路由日志的格式
  2. linux下用C语言实现TCP/IP服务器与客户端互相发送数据的socket编程
  3. eclipse如何导出WAR包
  4. 设计模式:KISS、YAGNI、DRY 原则,迪米特法则(LOD)
  5. java web五: tomcat的目录层次结构以及web应用
  6. oracle:SAVEPOINT(保存点)
  7. MySQL 5.7 for Windows 解压缩版配置安装
  8. Mockito 简明教程
  9. 【00】设计模式概要
  10. 【解惑】这么多技术我该怎么学 [转]