SharePoint 2013 定制搜索显示模板(二)

前言

  之前一篇博客,简单的介绍了如何定制搜索显示模板,这一次,我们介绍一下如何定制搜索显示时,弹出来的那个页面,相信这个大家也都会遇到的。

  1、第一部分就是搜索显示模板的部分,第二部分就是搜索项目详情的部分,如下图:

  2、按照之前一篇博客介绍的过程,找到下面红框的html,下载一份副本到本地修改,如下图:

  3、改个名字上传回去,之后也会自动生成一个JavaScript文件,具体信息对比一下,不要选择错了(一般默认就是对的,如果有问题了记得校对一下),如下图:

  4、首先修改一下上一篇介绍的显示模板定义,里面有关联的详细信息模板定义,如下图:

  注:可能有人会问,我们下载的副本是html的,为嘛关联一个js的呢?!这个我在做的时候也有点疑惑,不过JavaScript会在上传html模板的时候自动生成,也就不迷惑了;

  5、尝试在spd里修改详情显示模板,加一个标题带上样式测试一下,如下图:

  6、测试结果,说明我们改的地方是对的,虽然很少这么改,如下图:

  7、简单介绍一下搜索详细显示模板的结构,主要是Header、Body、Footer三个部分,具体每个部分是干什么的,相信大家一看便知,如下图:

  8、我们尝试在中间的缩略图(画外音:什么缩略图,明明就是一个iframe在模板里,你当我傻啊!确实是这样的,呵呵)后面,加上一个描述字段,算是一个“大改”吧,看看情况,如下图:

  9、可以看到我们的描述字段,显示在了我们想要让他出现的地方,里面的内容也是我们想要显示的内容,如下图:

  注:修改任何搜索项目的属性,都要爬网才生效,别傻傻的修改了属性,怎么改模板都不管用。。你不增量爬网一下,搜索项目属性的修改是不生效的。

总结

  以上,便是搜索详细显示模板的定义,其实很简单,只要找对了需要修改的位置,修改起来非常容易的。其实一开始我也这么认为的,但是如果你想大概,还是需要花费一番心思的,比如修改Footer里面的操作,好吧。。休息。。休息一下。。

SharePoint 2013 定制搜索显示模板

时间: 2024-07-30 08:31:55

SharePoint 2013 定制搜索显示模板(二)的相关文章

SharePoint 2013列表搜索的设置方法

SharePoint 2013列表搜索的设置,只是进行完全爬网,就可以使用.如果开启爬网不是很熟练可以参考我附后的博客. 1.新建测试列表,新建项目,如下图: 2.附件内容,如下图: 3.另一个附件内容,如下图: 4.使用搜索,查看没有任何结果,如下图: 5.进入搜索中心,完全爬网,如下图:

SharePoint 2013 禁用搜索服务

原文:SharePoint 2013 禁用搜索服务 前言,在SharePoint2013中,对于硬件需求的提升,让我们虚机里安装总是一筹莫展,尤其开启了搜索服务以后,对于内存的消耗就更加严重,尤其对于我们开发者来说,搜索服务并不是必须开启的,所以,我们需要禁用掉不需要的服务,来减轻开发环境的压力. 首先对比一下是否开启搜索对于服务器内存的压力 特别要说,笔记本配置Dell1464,CPU:I5 M430,内存:4GB ddr3 1333 X2条. 不开启搜索时任务管理器,内存占用46%,机器运行

SharePoint 2013 自定义扩展菜单(二)

原文:SharePoint 2013 自定义扩展菜单(二) 接博文<SharePoint 2013 自定义扩展菜单>,多加了几个例子,方便大家理解. 例七 列表设置菜单扩展(listedit.aspx) 扩展效果 XML描述 <CustomAction Id="CustomAction1" Description="博客园-霖雨" Title="博客园-霖雨" GroupId="GeneralSettings"

SharePoint 2013 创建搜索中心及搜索设置

本文没有太多深奥的东西,只是简单的搜索配置,如果你已经掌握请略过本文. 好了,进入内容简介,众所周知,搜索是SharePoint一大特性,下面,我们简单介绍下搜索中心的创建. 1.创建Search子网站,作为搜索中心的站点(创建过程比较简单,模板记得选择企业搜索站点略过),如下图: 2.如果使用Search自带的results.aspx作为搜索结果页也可以,否则进入网站内容 - 页面库,如下图: 3.创建搜索结果页面,选择搜索结果页面布局,如下图: 4.众所周知,SharePoint母版页上的搜

SharePoint 2013 关于自定义显示列表表单的bug

1.在SharePoint 2013中,我们隐藏列表Dispform页面的ListFormWebPart部件,转而使用自定义显示列表表单进行展示,因为这样更容易定制我们需要的显示: 2.之后发现文件夹下的文档,查看属性会报错,如下图: 3.报错如下图,没有项目: 4.不在文件夹下的项目,就没有这样的问题,怀疑是获取CurrentItem出问题了,但是没想到怎么去改xslt,如下图: 5.百度谷歌查找解决方案,最后找到定义列表模板,参考jianyi的博客,如下图: 6.然后发现处在文件夹下的ID为

SharePoint 2013 APP开发示例 (二)获取用户信息

这个示例里,我们将演示如何获取用户信息: 1. 打开 Visual Studio 2012. 2. 创建一个新的  SharePoint 2013 app: UserProfileTest. 3. 选择SharePoint-hosted, 点Finish. 4. 打开Default.aspx : 加入knockoutjs和sp.userprofiles.debug.js(包含user profile的信息): <script type="text/javascript" src=

SharePoint 2013同步Exchange显示高清用户照片

在"SharePoint 2013技巧分享系列 - Active Directory同步显示用户照片"文中介绍了如何同步Active Directory显示用户照片,但是同步完成后,用户照片尺寸和清晰度都不是非常理想.本文将介绍如何同步Exchange Server显示高清用户照片. 原理 与SharePoint Server 2010相似, 在SharePoint Server 2013中存在一个用户照片的目录.当SharePoint启用Exchange照片同步时, SharePoi

SharePoint 2013技巧:Active Directory同步显示的用户照片

为了保持通讯信息的一致性,需要设置SharePoint,Exchange, Lync等信息同步更新显示,例如,员工头像信息. 本文介绍如何在SharePoint 2013中同步显示Active Directory活动目录用户头像信息. 首先在用户属性Picture中导入AD活动目录属性,进入"Central Administration" -〉"Manage Service Applications"-〉"User Profile Service Appl

SharePoint 2013中Active Directory同步显示用户照片

为了保持通讯信息的一致性,需要设置SharePoint,Exchange, Lync等信息同步更新显示,例如,员工头像信息. 本文介绍如何在SharePoint 2013中同步显示Active Directory活动目录用户头像信息. 首先在用户属性Picture中导入AD活动目录属性,进入"Central Administration" -〉"Manage Service Applications"-〉"User Profile Service Appl