SharePoint 2013 在母版页中插入WebPart

简介:   最近QQ群里有朋友问,如何在母版页里插入自己开发的WebPart。其实很简单,母版页中虽然不允许插入WebPartZone,但是Designer就可以插入WebPart;或者手动注册,然后插入WebPart也可以,不过Designer插入的时候,会自动在头部注册的。

  最近QQ群里有朋友问,如何在母版页里插入自己开发的WebPart。其实很简单,母版页中虽然不允许插入WebPartZone,但是Designer就可以插入WebPart;或者手动注册,然后插入WebPart也可以,不过Designer插入的时候,会自动在头部注册的。

  首先我们开发一个测试用的WebPart,代码很简单,只是输入一段文字,然后部署到网站,如下图:

clip_image002

  比如我想修改PageTitle这个为我们自定义的WebPart,如下图:

clip_image004

  在下面的位置,插入我们的webpart(我是F12在上图页面上找到一个ID叫PageTitle,然后认定这个节点是上图位置),如下图:

clip_image006

  不要删掉下面的节点(删掉ContentPlaceHolder节点会报错!),而是剪切到最下面,设置Visible为false,如下图:

clip_image008

  鼠标光标放到要插入的位置,点击菜单上的WebPart,如下图:

clip_image010

  选择我们刚刚开发的测试用的WebPart,如下图:

clip_image012

  插入WebPart以后,如下图,上面有部件注册信息,下面位置有部件的引用;如果不用插入WebPart的UI,手动注册并插入WebPart也可以;

  当然插入的位置,有可能不是光标的位置,我习惯剪切过来,就好用;记得不要打断任何已经存在的标签,否则会报错;

clip_image014

  重新打开页面,发现标题没有变,但是选项卡上面的变了,(⊙﹏⊙)b!

  原来我改错位置了,如果你们想添加WebPart到相应位置,一定记得找对位置哦!!

clip_image016

  在SharePoint母版页中添加WebPart基本就是这样的,很简单吧?!有人会问,如果需要编辑怎么办,我的建议是去一个sitepage页面添加WebPart,编辑好了,然后吧代码拷贝过来,有需要的,可以试试,谨记不要拷贝WebPartZone,否则报错!

目录
相关文章
|
数据采集 JSON 前端开发
单页面 Web 应用(Single Page Application,SPA)的工作原理介绍
单页面 Web 应用(Single Page Application,SPA)的工作原理介绍
241 0
单页面 Web 应用(Single Page Application,SPA)的工作原理介绍