SharePoint 2013 图文开发系列之列表定义高级篇
2013-12-21 00:13
429 查看
SharePoint列表库,是我们使用过程中最常用的库,下面,我们简单介绍下代码定义自定义列表,主要是如何使用列表模板修改自带的几个展示页面。
1、新建项目,SharePoint空项目,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000839-127a9f5bae734821b707f60c2b270904.png)
2、选择部署方式,场解决方案,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000840-5eb81a042512445cafdad97043c16afe.png)
3、添加新项,选择列表,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000842-4d71650f002e40758232627d07732345.png)
4、填写列表显示名称,选择列表模板,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000843-79559de988a6420abe149d77ec25d957.png)
5、修改Feature文件,方便以后识别,好的代码习惯,也很重要,如下图:
列表实例,主要是定义列表内容;列表定义,主要是定义字段、视图、内容类型等;
![](http://images.cnitblog.com/blog/256729/201312/21000844-d4d8ad19f51b4ceb80cb340278a73c6d.png)
6、添加映射文件夹,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000845-330548dbd0d64c71bb01e034ec1266be.png)
7、添加映射文件夹,这个文件夹里面,用来放列表显示模板:
物理路径C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\CONTROLTEMPLATES
![](http://images.cnitblog.com/blog/256729/201312/21000849-af9ca8fc07cf4ef99e4f6141a3271c92.png)
8、这个文件夹里,用来存放页面模板,物理路径如下:
C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\Pages
![](http://images.cnitblog.com/blog/256729/201312/21000851-71cd7dd873a940c2bc8bf86b2af45b85.png)
9、列表显示模板的物理路径,以及默认文件:
![](http://images.cnitblog.com/blog/256729/201312/21000851-f71fd0c4aab644278599be85acb39e26.png)
10、列表页面模板物理路径,以及默认文件:
![](http://images.cnitblog.com/blog/256729/201312/21000856-02a4217218d340c881dcc89523fd86d3.png)
11、查看创建好的项目结构,如下图:
两个模板文件均是拷贝默认的模板,然后做修改并重命名的,千万别覆盖之前的,要不环境可就杯具了
![](http://images.cnitblog.com/blog/256729/201312/21000857-b7b854f018b24164bfd417396abce35a.png)
12、查看列表显示模板,如下图:
列表显示模板,会有很多很多模板,我们选取ListForm模板,也就是自定义列表模板进行修改,简单说明一下如何修改,其他的都直接删掉;
![](http://images.cnitblog.com/blog/256729/201312/21000858-aba9cdd840294a50bec17f395ee6e822.png)
13、修改以后,如下图的样子:
![](http://images.cnitblog.com/blog/256729/201312/21000900-849ef1d71d534d37b6bbd1ed923b5738.png)
14、如何修改列表显示模板,并不是我们今天要说的内容,我们要说的是修改列表定义,下面,我们给这个模板的table加一个背景色,以识别我们的列表使用的是这个模板:
![](http://images.cnitblog.com/blog/256729/201312/21000901-0096747edd0442f395c42b52e5415891.png)
15、修改列表的描述文件,如下图:
修改Form节点,加上Template属性,属性的值为我们自定义列表显示模板文件名;
![](http://images.cnitblog.com/blog/256729/201312/21000906-5f0f8ab575f7453c80c1f3a420bf0a7d.png)
16、以上修改完毕后,部署解决方案,打开网站内容,多了我们的自定义列表,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000907-1d395210f5e044589fb6fe085dd65e23.png)
17、打开新建页面,如下图:
列表的操作处,背景颜色为灰色,说明这个自定义列表的新建页面,已经使用我们自定义的模板;
![](http://images.cnitblog.com/blog/256729/201312/21000908-92dc7b7a82e842f2833cfb923bc1e0ed.png)
18、同上,这是列表显示页面:
![](http://images.cnitblog.com/blog/256729/201312/21000912-4be2703ffef64e028ae34ad9a9820e1a.png)
由于本文主要介绍,如何使用代码定义列表,使列表使用自定义的列表模板,所以并没有注重模板的内容,也没有创建过多字段。大家只要知道,这样定义列表,可以使用自定义模板即可,将来需要的话,修改模板,是很方便的。
虽然,定义列表显示模板很容易做,但是,切记不要覆盖掉之前的,否则会影响全局环境;真的出现这样的情况,也不要惊慌,随便找一台SharePoint 2013服务器,找到相应文件拷贝过来,即可解决。
19、修改列表页面模板,我一样在webpartzone外面,加一个背景色,方便识别是否引用自定义列表页面模板:
![](http://images.cnitblog.com/blog/256729/201312/21000913-e1ec576548ee40558096281db8711129.png)
20、修改列表定义文件,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000914-b685c5fb2279404bbd20bcb87e5216bf.png)
21、部署文件,刷新新建页面,背景为蓝色,说明列表页面模板自定义成功,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000915-14ea3e1f1bf54cc7b111f0796d8a1aad.png)
22、除了使用列表页面模板,我们还可以在上面添加webpart,如下:
添加新项,我们创建一个可视化Web部件;
![](http://images.cnitblog.com/blog/256729/201312/21000916-5edb976c0a294d06b28ab4401d91e328.png)
23、简单在可视化web部件上,写上一句话:
![](http://images.cnitblog.com/blog/256729/201312/21000917-6e72e53cd9894801a0a5f56b35ca5710.png)
24、在列表页面模板上添加我们创建的可视化web部件,如下图:
图片上看不清楚的代码部分:Assembly="$SharePoint.Project.AssemblyFullName$"
![](http://images.cnitblog.com/blog/256729/201312/21000919-8c6f0c0086414e1c824e8d8b9e679903.png)
25、部署解决方案,然后刷新页面,如下图:
发现我们添加的可视化web部件,已经添加成功,当然,这个部件你可以定义一些功能,定义脚本,甚至是列表项的新建、更新和显示;
![](http://images.cnitblog.com/blog/256729/201312/21000920-8ea85171674d4c25ba9746b2082bb4d5.png)
以上内容,就是SharePoint 2013使用代码,利用列表显示模板和列表页面模板定义自定义列表的全部过程,当然,本文只是简单介绍如何使用这样一种定义方式,真正完成你的需求,还是需要发挥你丰富的想象力。
同时,还想说的是,SharePoint是一个涉及面很广的平台,对于初学者来说经常会摸不到头脑,不知道从何入手,当我们遇到这种情况,我们需要做的就是静下心来,多使用SharePoint,多写代码,多看博客;在经过一段时间的积累,我们会逐渐理解一些SharePoint特有的东西,对于后续的学习,会有非常大的帮助。
特别要说的是,保有一份热血和激情,坚持的积累,才是学习的最好方法,不是某个人讲一两个知识点,几节课,参加一个培训就能够掌握一门技术的。
结束语
很晚了,劳逸结合才能有效的提高学习、工作效率,废话已经说得够多了,收笔洗洗睡觉去了,大家晚安!
附 录
SharePoint 2013 图文开发系列之代码定义列表
1、新建项目,SharePoint空项目,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000839-127a9f5bae734821b707f60c2b270904.png)
2、选择部署方式,场解决方案,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000840-5eb81a042512445cafdad97043c16afe.png)
3、添加新项,选择列表,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000842-4d71650f002e40758232627d07732345.png)
4、填写列表显示名称,选择列表模板,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000843-79559de988a6420abe149d77ec25d957.png)
5、修改Feature文件,方便以后识别,好的代码习惯,也很重要,如下图:
列表实例,主要是定义列表内容;列表定义,主要是定义字段、视图、内容类型等;
![](http://images.cnitblog.com/blog/256729/201312/21000844-d4d8ad19f51b4ceb80cb340278a73c6d.png)
6、添加映射文件夹,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000845-330548dbd0d64c71bb01e034ec1266be.png)
7、添加映射文件夹,这个文件夹里面,用来放列表显示模板:
物理路径C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\CONTROLTEMPLATES
![](http://images.cnitblog.com/blog/256729/201312/21000849-af9ca8fc07cf4ef99e4f6141a3271c92.png)
8、这个文件夹里,用来存放页面模板,物理路径如下:
C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\Pages
![](http://images.cnitblog.com/blog/256729/201312/21000851-71cd7dd873a940c2bc8bf86b2af45b85.png)
9、列表显示模板的物理路径,以及默认文件:
![](http://images.cnitblog.com/blog/256729/201312/21000851-f71fd0c4aab644278599be85acb39e26.png)
10、列表页面模板物理路径,以及默认文件:
![](http://images.cnitblog.com/blog/256729/201312/21000856-02a4217218d340c881dcc89523fd86d3.png)
11、查看创建好的项目结构,如下图:
两个模板文件均是拷贝默认的模板,然后做修改并重命名的,千万别覆盖之前的,要不环境可就杯具了
![](http://images.cnitblog.com/blog/256729/201312/21000857-b7b854f018b24164bfd417396abce35a.png)
12、查看列表显示模板,如下图:
列表显示模板,会有很多很多模板,我们选取ListForm模板,也就是自定义列表模板进行修改,简单说明一下如何修改,其他的都直接删掉;
![](http://images.cnitblog.com/blog/256729/201312/21000858-aba9cdd840294a50bec17f395ee6e822.png)
13、修改以后,如下图的样子:
![](http://images.cnitblog.com/blog/256729/201312/21000900-849ef1d71d534d37b6bbd1ed923b5738.png)
14、如何修改列表显示模板,并不是我们今天要说的内容,我们要说的是修改列表定义,下面,我们给这个模板的table加一个背景色,以识别我们的列表使用的是这个模板:
![](http://images.cnitblog.com/blog/256729/201312/21000901-0096747edd0442f395c42b52e5415891.png)
15、修改列表的描述文件,如下图:
修改Form节点,加上Template属性,属性的值为我们自定义列表显示模板文件名;
![](http://images.cnitblog.com/blog/256729/201312/21000906-5f0f8ab575f7453c80c1f3a420bf0a7d.png)
16、以上修改完毕后,部署解决方案,打开网站内容,多了我们的自定义列表,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000907-1d395210f5e044589fb6fe085dd65e23.png)
17、打开新建页面,如下图:
列表的操作处,背景颜色为灰色,说明这个自定义列表的新建页面,已经使用我们自定义的模板;
![](http://images.cnitblog.com/blog/256729/201312/21000908-92dc7b7a82e842f2833cfb923bc1e0ed.png)
18、同上,这是列表显示页面:
![](http://images.cnitblog.com/blog/256729/201312/21000912-4be2703ffef64e028ae34ad9a9820e1a.png)
由于本文主要介绍,如何使用代码定义列表,使列表使用自定义的列表模板,所以并没有注重模板的内容,也没有创建过多字段。大家只要知道,这样定义列表,可以使用自定义模板即可,将来需要的话,修改模板,是很方便的。
虽然,定义列表显示模板很容易做,但是,切记不要覆盖掉之前的,否则会影响全局环境;真的出现这样的情况,也不要惊慌,随便找一台SharePoint 2013服务器,找到相应文件拷贝过来,即可解决。
19、修改列表页面模板,我一样在webpartzone外面,加一个背景色,方便识别是否引用自定义列表页面模板:
![](http://images.cnitblog.com/blog/256729/201312/21000913-e1ec576548ee40558096281db8711129.png)
20、修改列表定义文件,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000914-b685c5fb2279404bbd20bcb87e5216bf.png)
21、部署文件,刷新新建页面,背景为蓝色,说明列表页面模板自定义成功,如下图:
![](http://images.cnitblog.com/blog/256729/201312/21000915-14ea3e1f1bf54cc7b111f0796d8a1aad.png)
22、除了使用列表页面模板,我们还可以在上面添加webpart,如下:
添加新项,我们创建一个可视化Web部件;
![](http://images.cnitblog.com/blog/256729/201312/21000916-5edb976c0a294d06b28ab4401d91e328.png)
23、简单在可视化web部件上,写上一句话:
![](http://images.cnitblog.com/blog/256729/201312/21000917-6e72e53cd9894801a0a5f56b35ca5710.png)
24、在列表页面模板上添加我们创建的可视化web部件,如下图:
图片上看不清楚的代码部分:Assembly="$SharePoint.Project.AssemblyFullName$"
![](http://images.cnitblog.com/blog/256729/201312/21000919-8c6f0c0086414e1c824e8d8b9e679903.png)
25、部署解决方案,然后刷新页面,如下图:
发现我们添加的可视化web部件,已经添加成功,当然,这个部件你可以定义一些功能,定义脚本,甚至是列表项的新建、更新和显示;
![](http://images.cnitblog.com/blog/256729/201312/21000920-8ea85171674d4c25ba9746b2082bb4d5.png)
以上内容,就是SharePoint 2013使用代码,利用列表显示模板和列表页面模板定义自定义列表的全部过程,当然,本文只是简单介绍如何使用这样一种定义方式,真正完成你的需求,还是需要发挥你丰富的想象力。
同时,还想说的是,SharePoint是一个涉及面很广的平台,对于初学者来说经常会摸不到头脑,不知道从何入手,当我们遇到这种情况,我们需要做的就是静下心来,多使用SharePoint,多写代码,多看博客;在经过一段时间的积累,我们会逐渐理解一些SharePoint特有的东西,对于后续的学习,会有非常大的帮助。
特别要说的是,保有一份热血和激情,坚持的积累,才是学习的最好方法,不是某个人讲一两个知识点,几节课,参加一个培训就能够掌握一门技术的。
结束语
很晚了,劳逸结合才能有效的提高学习、工作效率,废话已经说得够多了,收笔洗洗睡觉去了,大家晚安!
附 录
SharePoint 2013 图文开发系列之代码定义列表
相关文章推荐
- SharePoint 2013 图文开发系列之列表定义高级篇
- SharePoint 2013 图文开发系列之代码定义列表
- SharePoint 2013 图文开发系列之代码定义列表
- SharePoint 2013 图文开发系列之代码定义列表
- SharePoint 2013 图文开发系列之代码定义列表
- SharePoint 2013 图文开发系列之定义站点模板
- SharePoint 2013 图文开发系列之定义站点模板
- SharePoint 2013 图文开发系列之定义站点模板
- SharePoint 2013 图文开发系列之定义站点模板
- SharePoint 2013 图文开发系列之自定义字段
- SharePoint 2013 图文开发系列之计时器任务
- SharePoint 2013 图文开发系列之WebPart
- SharePoint 2013 图文开发系列之事件接收器
- SharePoint 2013 图文开发系列之网站栏
- SharePoint 2013 图文开发系列之可视化WebPart
- SharePoint 2013 图文开发系列之可视化WebPart
- SharePoint 2013 图文开发系列之事件接收器
- SharePoint 2013 图文开发系列之创建内容类型
- SharePoint 2013 图文开发系列之Visual Studio 创建母版页
- SharePoint 2013 图文开发系列之应用程序页