backbone.typeahead.js
Version:
A Bootstrap inspired Typeahead for Backbone.js
38 lines (35 loc) • 1.07 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Backbone.Typeahead Example</title>
<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<div id="main" class="container">
<div>
<h3>Item Template</h3>
<div id="item-template"></div>
</div>
</div>
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/underscore/underscore-min.js"></script>
<script src="../bower_components/backbone/backbone.js"></script>
<script src="../backbone.typeahead.min.js"></script>
<script type="text/javascript">
$(function() {
var states = [
{name: 'Alabama'},
{name: 'Michigan'},
{name: 'Minnesota'},
{name: 'Nevada'},
{name: 'Ohio'},
{name: 'New York'},
];
var ItemTemplateExample = Backbone.Typeahead.extend({});
var typeahead = new ItemTemplateExample(states, {itemTemplate: '<a><em><%- name %></em></a>'});
typeahead.setElement('#item-template').render();
});
</script>
</body>
</html>