首页 > 代码库 > Sharepoint2013搜索学习笔记之自定义结果显示模板(九)
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部件,
自定义控件显示模板,选择使用结果类型来显示项目,并点击结果类型。
第八步,新建结果类型,填写值如下:
第九步,测试,修改结果如下:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。