空白搜索 - 语义 UI

Question

我正在尝试在我的应用程序原型中实现语义-UI 搜索模块。

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

该应用程序是运行 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

我的问题出在语义-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"
  }
}

空白搜索 - 语义 UI

Blank Search - Semantic UI

html

javascript

semantic-ui