In my previous posts I have showed how to use bootstrap's drop-down menus with the Capabilities API. In this tutorial I will show you how to use jQuery's UI to get results as you type like this
From the dev-hub (http://localhost:4848/dev-hub/) click on "Create New", to create a new mashup. Give it a name and select as template the "Grid mashup template"
Select the "Helpdesk Management.qvf" for your app.
On the right hand side, click on "Create a list". This will be the results that we would like to search on.
From the left hand side click and drag the "case details" table onto the preview panel
Click on "Fields" and select "Case Owner".
Under "Rows" put 100 since we do not need any more for this tutorial, and give a name to your callback function. I usually name mine as "refactorData" because I restructure all of the data in a more accessible format. Once you hit create, you will see that the code for the list was added as well as the refactorData in line 108.
In our html's headers, after bootstrap css and right before requirejs, add the jquery ui css and js