Blank Search - Semantic UI

Question

I'm trying to implement the Semantic-UI search module in my app prototype.

But it's showing the results as a blank component ->

LINK

The app is running with the Node-Webkit

JS Code:

$(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

My problem was in the result json array from the Semantic-UI Search.

It needs to be formated correctly like:

{
  "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"
  }
}