|
|
@ -12,17 +12,64 @@ type : 'Library' |
|
|
|
</style> |
|
|
|
<script type="text/javascript"> |
|
|
|
$(document).ready(function() { |
|
|
|
$('.ui.form').form(); |
|
|
|
$.fn.api.settings.api = { |
|
|
|
'search test': '/somewhere/here/?itema={query}&itemb={query}', |
|
|
|
}; |
|
|
|
|
|
|
|
$('.ui.category.search').search({ |
|
|
|
apiSettings: { |
|
|
|
action: 'search test', |
|
|
|
data: 'itema=' + encodeURIComponent(1) |
|
|
|
+ '&itemb=' + encodeURIComponent(2), |
|
|
|
dataType: 'json', |
|
|
|
mockResponse: { |
|
|
|
"results": { |
|
|
|
"catcc": { |
|
|
|
"name": "FC-CC Accounts", |
|
|
|
"results": [ |
|
|
|
{ |
|
|
|
"title": "100000-10000", |
|
|
|
"description": "Mathematics Version 1" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"title": "200000-20000", |
|
|
|
"description": "TEMP:Mathematics Reserve" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"title": "300000-30000", |
|
|
|
"description": "Mathematics Version 2" |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
"catpi": { |
|
|
|
"name": "PI Accounts", |
|
|
|
"results": [ |
|
|
|
{ |
|
|
|
"title": "908755", |
|
|
|
"description": "OTHER STUFF" |
|
|
|
} |
|
|
|
] |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
type: 'category', |
|
|
|
minCharacters: 2, |
|
|
|
maxResults: 7, |
|
|
|
cache: true, |
|
|
|
onSelect: function(result, response) { |
|
|
|
}, |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<div class="ui container"> |
|
|
|
<form class="ui form"> |
|
|
|
<div class="field"> |
|
|
|
<div class="ui input"> |
|
|
|
<input type="text"/> |
|
|
|
</div> |
|
|
|
<div class="ui category search"> |
|
|
|
<div class="ui icon input"> |
|
|
|
<input id="sample" name="sample" autocomplete="off" class="prompt" placeholder="sample" type="text" maxlength="16" value="" /> |
|
|
|
<i class="search icon"></i> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
<div class="results"></div> |
|
|
|
</div> |
|
|
|
</div> |