javascript - 空白搜索 - 语义 UI

Question

我正在尝试在我的应用原型(prototype)中实现 Semantic-UI 搜索模块。

但它将结果显示为空白组件 ->

LINK

应用程序正在使用 Node-Webkit 运行

JS 代码:

$(document).ready(function() {
            $('.ui.search.agendamento').search({
                source : agendamento,
                searchFields   : [
                    'patient',
                ],
                searchFullText: false
            });
        });

HTML

<div class="ui fluid search agendamento">
                    <div class="ui icon input">
                        <input class="prompt" type="text" placeholder="Buscar consulta">
                        <i class="search icon"></i>
                    </div>
                    <div class="results"></div>
</div>

Answer 1

我的问题出在 Semantic-UI 搜索的结果 json 数组中。

它需要正确格式化，例如:

{
  "results": [
    {
      "title": "Result Title",
      "url": "/optional/url/on/click",
      "image": "optional-image.jpg",
      "price": "Optional Price"
      "description": "Optional Description"
    },
    {
      "title": "Result Title",
      "description": "Result Description"
    }
  ],
  // optional action below results
  "action": {
    "url": '/path/to/results'
    "text": "View all 202 results"
  }
}