<mf-search-box></mf-search-box>

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

可指定的属性

• lang (String)
  您可以使用属性lang指定显示语言。
  使用示例

• ajax-url (String) [必需]
  ajax搜索URL

• serp-url (String)
  搜索结果页URL

• iframe (String)
  指定搜索结果页转移的目标iframe的CSS选择器

• use-std-serp (Boolean)
  转换到对应于ajax_url的常规搜索结果屏幕

• submit-text (String)
  文本提交按钮
  (默认值: “search”)
  使用示例

• doctype-all-text (String)
  用于选择要显示所有文档类型的选项文本
  (默认值: “All”)
  使用示例

• doctype-csv (String: “<String>,<String>,…”)
  文档类型的选项列表
  html，pdf，doc，xls，ppt的组合
  (默认值: “html,pdf,doc,xls,ppt”)

• force-doctype-csv (String: “<String>,<String>,…”)
  文档类型的选择列表(优先于搜索结果中包括的文档类型列表)
  html，pdf，doc，xls，ppt的组合
  (默认值: “html,pdf,doc,xls,ppt”)

• doctype-default (String)
  文件类型的默认值
  (例如: “pdf”)

• doctype-hidden (Boolean)
  在搜索框的各项筛选功能中隐藏文档类型筛选
  示例

• category-csv (String: “<String>,<String>,…”)
  搜索结果中包含的类别列表(会被类别信息覆盖)
  (例如: “MARS FINDER, MARS QUALITY”)

• force-category-csv (String: “<String>,<String>,…”)
  搜索结果中包含的类别列表(会覆盖类别信息)
  (例如: “MARS FINDER, MARS QUALITY”)

• category-default(String)
  类别默认值
  (默认值: “”)

• category-all-text (String)
  类别选择框中的“全部类别”选项
  (默认值: “ALL Category”)
  使用示例

• category-hidden (Boolean)
  隐藏类别选择框
  使用示例

• sort-default(String: 0:匹配顺序 1:更新日期顺序)
  搜索结果的显示顺序
  (默认值: “0”)

• sort-text-csv (String: “<String>,<String>”)
  要在显示顺序选择框中显示的字符串的CSV
  使用属性use-links指定的单选按钮形式的链接文本，需要去CSS中更改
  (默认值: “match,recent”)
  使用示例

• sort-hidden (Boolean)
  隐藏 显示顺序选项窗口
  使用示例

• pagemax-csv (String: “<Number>,<Number>,…”)
  每页显示项目数量的选项列表
  (默认值: “10,20,30”)
  使用示例

• pagemax-default (String: “<Number>”)
  每页显示项目数量的默认值
  (默认值: “10”)

• pagemax-hidden (Boolean)
  隐藏 每页显示项目数量选择框
  使用示例

• imgsize-default(String: 0:无图像, 1:96x72, 2:120x90, 3:200x150)
  图像大小的默认值
  (默认值: “1”)

• imgsize-text-csv (String: “<String>,<String>,<String>,<String>”)
  图像大小选择框中显示的字符序列
  使用属性use-links指定的单选按钮链接的文本需要用CSS进行更改
  (默认值: “none,small,medium,large”)
  使用示例

• imgsize-hidden (Boolean)
  隐藏图像大小选择框
  使用示例

• options-hidden (Boolean)
  隐藏类别，搜索结果排序，每页最多显示数量，图像大小，的选择框，包括其父元素
  使用示例

• :suggest-max (Number >=0)
  显示智能提示最大数量
  (默认值: 10)

• disable-pagelog (Boolean)
  禁用页面日志

• use-links (Boolean)
  设置平铺链接式搜索条件选择元素
  使用示例

  另外，可以用属性lang指定筛选列表的显示语言。
  使用示例

• use-toggle (Boolean)
  设置切换按钮样式搜索条件选择元素
  使用示例

• submit-callback (String)
  提交时回调函数名称
  由window["<submit-callback>"]()执行的，须单独定义

• :on-submit-func (Function: window.<函数名称> 等)
  提交时的回调函数
  有必要给js从窗口对象可以到达的位置预定义一个函数
  如果属性submit-callback设置正确，则不使用。

• result-callback (String)
  收到检索结果时的回调函数名称
  由window["<result-callback>"]()执行的，须单独定义

• :on-result-func(函数: window.<函数名称>等)
  接收搜索结果时的回调函数
  有必要给js从窗口对象可以到达的位置预定义一个函数
  如果属性result-callback设置正确，则不使用。

• ignore-search-result (Boolean)
  接收到搜索结果时，忽略数据而不在搜索框中显示搜索过的关键词

• placeholder (String)
  设定搜索关键字输入框的input元素的placeholder属性值 使用示例

• input-title (String)
  设定搜索关键字输入框的input元素的title属性值
  使用示例

示例合集

下面列出几个功能和设计定制化的例子。

• 示例合集

DOM结构和class的设置

• div.mf_finder_searchBox
  .mf_finder_searchBox_focusInput 设置焦点的类
  .mf_finder_searchBox_hasQuery 搜索框输入字段不为空时设置的类
  .mf_finder_searchBox_useLinks 设置属性use-links时的类
  .mf_finder_searchBox_useSelects 属性use-links或属性use-toggle都没有被设置时的类
  .mf_finder_searchBox_useToggle 设置属性use-toggle时的类
  .mf_finder_searchBox_useToggle_show 设置转换按钮展开显示工具栏的类
  • form.mf_finder_searchBox_form
    • input :input hidden用于重置页码参数page
    • input :input hidden用于继承层级筛选参数d的值
    • div.mf_finder_searchBox_items_wrapper > div.mf_finder_searchBox_items
      • label.mf_finder_searchBox_doctype :文件类型选择界面(设置属性use-toggle时为空)
        .mf_finder_searchBox_select_label_mod 更改文档类型后未重新搜索时设置的类
        • select.mf_finder_searchBox_doctype_select
          • option :文档类型未进行筛选
            • [属性doctype-all-text的值]
          • option(复数)
            • [文档类型]
      • div.mf_finder_searchBox_query_wrap
        • input.mf_finder_searchBox_query_input :搜索词输入框
        • ul.mf_finder_searchBox_suggest_items :在搜索关键词输入过程中显示的建议列表
          • li.mf_finder_searchBox_suggest_item
            .mf_finder_searchBox_suggest_item_cur 要为选中状态条目设置的类。通过上下移动光标或通过鼠标移动来选择一个条目。
            • a.mf_finder_searchBox_suggest_link > [候选建议关键词]
      • button.mf_finder_searchBox_submit
        • span > [属性submit-text的值]
    • div.mf_finder_searchBox_selects(如果设置了属性use-links，则为空)
      • label.mf_finder_searchBox_category :(如果没有设置属性category-csv，则为空)
        .mf_finder_searchBox_select_label_mod 更改选择类别筛选后尚未重新搜索时设置的类
        • select.mf_finder_searchBox_category_select :类别筛选选择框
          • option.mf_finder_searchBox_category_opt_0 :没有进行类别筛选
            • [属性category-all-text的值]
          • option.mf_finder_searchBox_category_opt_N(复数) :用于类别筛选
            • 属性category-csv的第N个选项的值]
      • div.mf_finder_searchBox_toggle(如果没有设置属性use-toggle则为空)
        • a div.mf_finder_searchBox的 .mf_finder_searchBox_show_toolbar的切换链接
      • div.mf_finder_searchBox_misc
        • label.mf_finder_searchBox_doctype(文档类型选择UI 如果没有设置属性use-toggle则为空)
          .mf_finder_searchBox_select_label_mod 更改文档类型后尚未重新搜索时设置的类
          • select.mf_finder_searchBox_doctype_select
            • option :文档类型未进行筛选
              • [属性doctype-all-text的值]
            • option(复数)
              • [文件类型]
        • label.mf_finder_searchBox_sort
          .mf_finder_searchBox_select_label_mod 筛选后尚未重新搜索时设置的类
          • select.mf_finder_searchBox_sort_select :排序顺序选择框
            • option.mf_finder_searchBox_sort_opt_0 :按照最优匹配顺序排序选项
              • [属性sort-text-csv的第一个值]
            • option.mf_finder_searchBox_sort_opt_1 :按照最近更新顺序排序选项
              • [属性sort-text-csv的第二个值]
        • label.mf_finder_searchBox_pagemax
          .mf_finder_searchBox_select_label_mod 当更改了每页最多显示条目选项后尚未进行搜索时设置的类
          • select.mf_finder_searchBox_pagemax_select :每页最多显示搜索结果数的选择框
            • option.mf_finder_searchBox_pagemax_opt_N(复数) :每页最多显示搜索结果数选择框中的选项
              • [属性pagemax-csv的第N个值]
        • label.mf_finder_searchBox_imgsize
          .mf_finder_searchBox_select_label_mod 当更改了图像大小选项后尚未搜索时设置的类
          • select.mf_finder_searchBox_imgsize_select :图像大小选择框
            • option.mf_finder_searchBox_imgsize_opt_0 :不显示图像选项
              • [属性imgsize-text-csv的第一个值]
            • option.mf_finder_searchBox_imgsize_opt_1 :显示图像小尺寸选项
              • [属性imgsize-text-csv的第二个值]
            • option.mf_finder_searchBox_imgsize_opt_2 :显示图像中尺寸选项
              • [属性imgsize-text-csv的第三个值]
            • option.mf_finder_searchBox_imgsize_opt_3 :显示图像大尺寸选项
              • [属性imgsize-text-csv的第四个值]
    • div.mf_finder_searchBox_links (没有设置属性use-links则为空)
      • div.mf_finder_searchBox_category (没有设置(属性类别-csv则为空)
        • input :input hidden 用于继承类别指定参数ct的值
        • div.mf_finder_searchBox_category_links
          • div.mf_finder_searchBox_category_link_0
            • a :类别无分类选择链接
              .mf_finder_searchBox_link_current 为当前选中类别设置的类
          • div.mf_finder_searchBox_category_link_N
            • a :第N项类别选择链接
              .mf_finder_searchBox_link_current 为当前选中类别设置的类
              • [属性category-csv的第N个值]
      • div.mf_finder_searchBox_sort
        • input :input hidden 用于继承排列顺序指定参数sort的值
        • div.mf_finder_searchBox_sort_links :用于排列顺序选择的链接
          • div.mf_finder_searchBox_sort_link_0
            • a :最优匹配排序选项链接
              .mf_finder_searchBox_link_current 为当前选中的排序顺序设置的类
              • [属性sort-text-csv的第一个值]
          • div.mf_finder_searchBox_sort_link_1
            • a :最近更新排序选项链接
              .mf_finder_searchBox_link_current 为当前选中的排序顺序置的类
              • [属性sort-text-csv的第二个值]
      • div.mf_finder_searchBox_pagemax
        • input :input hidden 用于继承每页最大显示数量指定参数pagemax
        • div.mf_finder_searchBox_pagemax_links :每页显示最多搜索结果数量选择链接
          • div.mf_finder_searchBox_pagemax_link_N(复数)
            • a :每页显示最大数量选项链接
              .mf_finder_searchBox_link_current 为当前选中的选项设置的类
              • [属性pagemax-csv的第N个值]
      • div.mf_finder_searchBox_imgsize
        • input :input hidden 用于继承参数“imgsize”的值以指定图像大小
        • div.mf_finder_searchBox_imgsize_links
          • div.mf_finder_searchBox_imgsize_link_ 0
            • a :不显示图像选项链接
              .mf_finder_searchBox_link_current 为当前选中的imgsize选项链接设置的类
              • [属性 imgsize-text-csv的第一个值]
          • div.mf_finder_searchBox_imgsize_link_1
            • a :显示图像小尺寸选项链接
              .mf_finder_searchBox_link_current 为当前选中的imgsize选项链接设置的类
              • [属性 imgsize-text-csv的第二个值]
          • div.mf_finder_searchBox_imgsize_link_2
            • a :显示图像中尺寸选项链接
              .mf_finder_searchBox_link_current 为当前选中的imgsize选项链接设置的类
              • [属性 imgsize-text-csv的第三个值]
          • div.mf_finder_searchBox_imgsize_link_3
            • a :显示图像大尺寸选项链接
              .mf_finder_searchBox_link_current 为当前选中的imgsize选项链接设置的类
              • [属性 imgsize-text-csv的第四个值]