<mf-search-results></mf-search-results>

用来显示搜索结果的自定义元素
使用示例

可指定的属性

lang (String)
您可以使用属性lang指定显示语言。
使用示例
ajax-url (String)
ajax搜索用URL
:pager-item-count (Number)
设置分页器上显示的页码选择项目的最大个数
示例
disable-pagelog (Boolean)
禁用页面日志
pager-pagenum-blank (Boolean)
在分页器中显示 代替页码
disable-resultframe (Boolean)
禁用结果框架
disable-multi-viewer (Boolean)
禁用PDF阅读器(包括doc，xls，ppt)
result-callback (String)
收到检索结果时的回调函数名称
由window["<result-callback>"]()执行，须单独定义
:on-result-func (Function: window.<函数名> 等.)
接收搜索结果时的回调函数
有必要在js可以从窗口对象到达的位置预定义一个函数
如果属性result-callback设置正确，则不使用。
hide-header (Boolean)
隐藏搜索结果最上部的标题及搜索内容汇总部分
使用示例
hide-pager (Boolean)
隐藏分页器元素
使用示例
use-related-keywords (Boolean)
在搜索结果下显示相关关键词元素
使用示例
target-self (Boolean)
点击搜索结果时，在同一窗口内转移
使用示例
:title-frags-func (Function: window.<函数名称>等)
用于返回字符串片段来自定义标题字符串的函数
有必要在用js通过窗口对象可以到达的位置预定义一个函数
需设定的函数规范: function(OrganicDoc) => Array of HighlightInfo
设置示例 → 当您要将pdf标题作为文件名
:snippet-frags-func(Function: window.<函数名称>等)
用于返回字符串片段来自定义snippet字符串的函数
有必要在用js通过窗口对象可以到达的位置预定义一个函数
需设定的函数规范: function(OrganicDoc) => Array of HighlightInfo
:uri-frags-func(Function: window.<函数名称>等)
用于返回字符串片段来自定义uri字符串的函数
有必要在用js通过窗口对象可以到达的位置预定义一个函数
需设定的函数规范: function(OrganicDoc) => Array of HighlightInfo

配置示例

如果您想将pdf的标题作为文件名称

在搜索结果页面上定义js函数。

  <script>
  window.my_title = function(doc,i){
    if (doc.attrs.type == 'application/pdf' || doc.attrs.type == 'pdf') {
      var m = doc.uri.match(/([^#]*)(#.*)?/);
      var t = m[1].replace(/.*\/([^/]+\/?)/, '$1') + (m[2]||'');
      return [{id:0, text:t, type:'custom'}];
    }
  }
  </script>

使用自定义元素的“:title-frags-func”属性指定上述函数

  <mf-search-results
    :title-frags-func="window.my_title"
    ></mf-search-results>

DOM结构和类设置

div.mf_finder_organic_wrapper
.mf_available_resultframe 结果框可用时设置的类
.mf_finder_organic_zerohit 搜索结果为0时设置的类
.mf_imgsize_<imgsize> 为搜索请求的imgsize参数(0,1,2,3)设置的类
- div.mf_finder_organic
  - div.mf_finder_msk_wrapper > div.mf_finder_msk > span.mf_finder_msk_item > a > [类似词语]
    :可以用属性lang指定类似词语的显示语言。
    → 使用示例
  - 当mf-search-results-header的参照属性hide-header被指定的时候，则不显示
  - (使用插槽“docs”，您可以自定义以下内容)
    - div.mf_finder_organic_docs_wrapper＆gt; div.mf_finder_organic_docs
      - (复数)(使用插槽“doc”，您可以自定义以下内容)
        
        section.mf_finder_organic_doc :文件信息
        
        div.mf_finder_organic_doc_img_wrapper.mf_gui_img_frame
        
        a.mf_finder_organic_doc_img.mf_finder_link
        
        (使用插槽“doc_image”您可以自定义以下内容)
        
        img :捕捉图像
        
        a.mf_finder_organic_doc_zoom > 文字“缩放”
        
        div.mf_finder_organic_doc_contents_wrapper > div.mf_finder_organic_doc_contents
        
        (使用插槽“doc_head”您可以自定义以下内容)
        
        a.mf_finder_organic_doc_title_wrapper.mf_finder_link
        
        (插槽“doc_title_prev”可以插入内容)
        
        (使用插槽“doc_title”，您可以自定义以下内容)
        
        img :行前图标(如果没有则为空)
        
        span.mf_finder_organic_doc_title
        
        span(复数)
        .mf_finder_frag_<n> 根据片段类型设置的类
        .mf_finder_mark 为符合搜索条件的片段设置的类
        
        [标题的文本片段]
        
        (插槽“doc_title_post”可插入内容)
        
        (插槽“doc_body_prev”可以插入内容)
        
        div.mf_finder_organic_doc_body_wrapper
        
        (使用插槽“doc_body”，您可以自定义以下内容)
        
        div.mf_finder_organic_doc_body
        
        span(复数)
        .mf_finder_frag_<n> 根据片段类型设置的类
        .mf_finder_mark 为符合搜索条件的片段设置的类
        
        [snippet的文字片段]
        
        (插槽“doc_body_post”可以插入内容)
        
        a.mf_finder_organic_doc_url_wrapper.mf_finder_link
        
        (插槽“doc_url_prev”可以插入内容)
        
        (使用插槽“doc_url”，您可以自定义以下内容)
        
        span.mf_finder_organic_doc_url
        
        span(复数)
        .mf_finder_frag_<n> 根据片段类型设置的类
        .mf_finder_mark 为符合搜索条件的片段设置的类
        
        [文件URL的文本片段]
        
        (插槽“doc_url_post”可以插入内容)
        
        (插槽“doc_foot”内容可插入)
  - 只在mf-related-keywords参照属性use-related-keywords被指定时显示
  - 当mf-search-results-pager参照属性hide-pager被指定时则不显示
  - div.mf_finder_logo
    - a > 文本“marsflag”