zoukankan      html  css  js  c++  java
  • Sharepoint2013搜索学习笔记之自定义结果显示模板(九)

    搜索结果通过套用定义好的显示模板来展示结果,显示模板由js和html组成,我们可以通过修改显示模板,然后将修改好的显示模板跟搜索结果绑定起来,来修改搜索结果的显示效果,例子如下图:

    修改前

     

    修改后

     

     

    第一步,确定显示需要修改的显示模板,打开ie,摁f12,定位到搜索结果列表项找到需要修改的搜索项模板

     

     

    第二步,从搜索中心进入网站设置页面

    第三步,点击web设计器库的母版页和页面布局

    第四步,进入母版页样式库的 Display Templates/search目录,该目录就是存放搜索结果显示模板的地方了。

     

     

    第五步,翻页找的item_word.html文件,下载下来,下图可以看到模板由html和微软自己封装的js组成。

     

     

    将_#=ctx.renderbody(ctx)=#_去掉,替换成自己的html片段,并通过ctx.CurrentItem.属性,来引用当前模板映射的搜索构架属性

     

    第六步,将修改好的文件改名成item_word_change.html,然后上传到母版页样式库的 Display Templates/search目录,标题输入word项目修改并发布为主版本

     

    第七步,导航到之前定义好的depresult.aspx页面,编辑页面,编辑搜索结果web部件,

    自定义控件显示模板,选择使用结果类型来显示项目,并点击结果类型。

     

    第八步,新建结果类型,填写值如下:

    第九步,测试,修改结果如下:

  • 相关阅读:
    Email:2017
    mac下使用QuickTime录屏及上传youku注意事项
    unity, 自定义类中使用print
    unity, 集成iOS广告sdk注意事项
    xcode,不要将.a文件拖到xcode里
    unity, 慎用DontDestroyOnLoad
    unity, 弹出panel一定要放在UI Hierarchy的底端
    unity, iOS下画面错乱解法
    (转)NSString to string(支持中文)
    objective-c的观察者模式
  • 原文地址:https://www.cnblogs.com/masterlonely/p/3824697.html
Copyright © 2011-2022 走看看