Smutty

Home · Get Smutty · View Demos · Read Manual · Report Bug · Login

Live Search Demo

The text field below implements basic "live search" type functionality. The field is created with the {field} function, but this time we use the update and url attributes to enable ajax callbacks. The feedback attribute is also set to specify the element to show feedback of how the call is going.

If you type some text into the field above then after a pause (it checks you've stopped typing for a moment) it'll submit the query to the server and then the results will be displayed.

Show Me The Source!

# liveSearch.tpl
{field
	name="myField"
	url={ action="liveSearchQuery" }
	update="searchResults"
	feedback="searchResults"
}

# liveSearchQuery.tpl
<ul>
{if $pages}
	{foreach item="page" from=$pages}
		<li>{link url={ controller="wiki" name=$page->name } text=$page->name}</li>
	{/foreach}
{else}
	<li>Nothing found...</li>
{/if}
</ul>

# demo controller
function liveSearchQueryAction( $data ) {
		$pages = Page::fetchAll( false, array(
			'body:contains' => $data->string('id')
		), 10 );
		$this->set( 'pages', $pages );
		$this->view();
}

MVC Framework

Live Search Demo

Useful Pages

Links