Having trouble populating the semantic-ui search component with JSON data retrieved from my server. The documentation is not helpful and I haven't been able to find a solution online. Here's what I have so far, appreciate any help.
This snippet is from index.jsp
<div class="ui search">
<div class="ui icon input">
<input id="searchFollowee" class="prompt" type="text" placeholder="Search followed people..">
<i class="search icon"></i>
</div>
<div class="results"></div>
</div>
Below is the JavaScript code snippet:
$("#searchFollowee").on('keyup', function(e) {
$.post("jsp/doFetchFollowee.jsp",{"username":"Manfredi","followee":$(this).val()}, function( data )
{
var content=[];
$.each(data, function(index,element)
{
content.push(element.username);
});
//fill search form
$('.ui.search').search({
source : content,
searchFields : [
'username'
],
searchFullText: false
});
});
});
And here is the response from the server:
{
"success":"true",
"results":[
{
"firstname":"NomeTest1",
"user_id":2,
"surname":"CognomeTest1",
"profile_picture":"semantic/themes/default/assets/images/avatar/large/profile.png",
"username":"Test1"
},
{
"firstname":"NomeTest3",
"user_id":4,
"surname":"CognomeTest3",
"profile_picture":"semantic/themes/default/assets/images/avatar/large/profile.png",
"username":"Test3"
}
]
}