jbristowe

<div id="listView"></div>

<script type="text/x-kendo-tmpl" id="template">
    <div class="tweet">
        <img class="profileImage" src="${profile_image_url}" />
        <strong>${from_user_name}</strong>
        <a href="http://twitter.com/${from_user}">@${from_user}</a>
        <p class="text">${text}</p>
    </div>
</script>

jbristowe

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "http://search.twitter.com/search.json",
            contentType: "application/json; charset=utf-8",
            type: "GET",
            dataType: "jsonp",
            data: {
                q: "#KendoUI"
            }

jbristowe

<div id="listView"></div>
<div id="pager"></div>

<script type="text/x-kendo-tmpl" id="template">
    <div class="tweet">
        <img class="profileImage" src="${profile_image_url}" />
        <strong>${from_user_name}</strong>
        <a href="http://twitter.com/${from_user}">@${from_user}</a>
        <p class="text">${text}</p>
    </div>

jbristowe

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "http://search.twitter.com/search.json",
            contentType: "application/json; charset=utf-8",
            type: "GET",
            dataType: "jsonp",
            data: {
                q: "#KendoUI"
            }

jbristowe

<div id="listView"></div>
<div id="pager"></div>

<script type="text/x-kendo-tmpl" id="template">
    <div class="tweet">
        <img class="profileImage" src="${profile_image_url}" />
        <strong>${from_user_name}</strong>
        <a href="http://twitter.com/${from_user}">@${from_user}</a>
        <p class="text">${text}</p>
    </div>

jbristowe

var listView = $("#listView").kendoListView({

    template: kendo.template($("#template").html()),
    editTemplate: kendo.template($("#editTemplate").html()),
    altTemplate: kendo.template($("#altTemplate").html())

});

jbristowe

$(document).ready(function(){
    $("#listView").kendoListView({

        pageable: true,
        selectable: true,
        navigatable: true,
        editable: true

    });
});

jbristowe

var listView = $("#listView").kendoListView({
    dataSource: dataSource,
    template: kendo.template($("#template").html()),
    editTemplate: kendo.template($("#editTemplate").html())
}).delegate(".k-edit-button", "click", function(e) {
    listView.edit($(this).closest(".product-view"));
    e.preventDefault();
}).delegate(".k-delete-button", "click", function(e) {
    listView.remove($(this).closest(".product-view"));
    e.preventDefault();

jbristowe

$("#listView").kendoListView({
    dataSource: dataSource,
    pageable: true,
    selectable: "multiple",
    template: kendo.template($("#template").html())
});​

jbristowe

$("#listView").kendoListView({
    change: function(e) {
        var data = dataSource.view(),
            selected = $.map(this.select(), function(item) {
                return data[$(item).index()].ProductName;
        });

        // index selected or read item information through data
     }
 });