zoukankan      html  css  js  c++  java
  • SharePoint 2013 定制搜索显示模板(二)

    前言

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

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

    clip_image002

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

    clip_image004

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

    clip_image006

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

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

    clip_image008

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

    clip_image010

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

    clip_image012

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

    clip_image014

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

    clip_image016

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

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

    clip_image018

    总结

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

    SharePoint 2013 定制搜索显示模板

  • 相关阅读:
    自定义UILabel,使文字居左上显示
    xcode 7 运行项目报错 -fembed-bitcode is not supported on versions of iOS prior to 6.0
    git 如何删除本地未提交的文件
    coco2d-x技术
    mac 查看端口是否被使用
    ios 提交
    oc基础复习10-OC的id
    oc基础复习09-OC的self 和super(深入理解)
    oc基础复习08-OC的类方法
    oc基础复习07-OC的弱语法(转)
  • 原文地址:https://www.cnblogs.com/jianyus/p/5413632.html
Copyright © 2011-2022 走看看