Kendo UI Mobile base

by underlog

HTML

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1113/styles/kendo.mobile.all.min.css">
<div data-role="view" id="firmListView" data-init="getFirmList" data-title="Firma Listesi" data-layout="databinding" >
            <header data-role="header">
                <div data-role="navbar">
                    <span data-role="view-title"></span>
                    <a data-align="left" data-role="button" data-click="previousPageFirmList" id="previousPageFirmList">
                        <img src="kendo/styles/images/navigate_left.png" width="19px" height="19px"/>
                    </a>
                </div>
            </header>
 
            <ul data-role="listview" id="listFirm" data-style="inset" data-click="listViewClickFirms" data-type="group" class="firmList">
                <li>
                    <ul id="firm-listview" ></ul>
                </li>
            </ul>
        </div>
        <div data-role="firmListlayout" data-id="databinding">
            <header data-role="header">
                <div data-role="navbar">
                    <span data-role="view-title"></span>
                </div>
            </header>
        </div>
<script>
           var app = new kendo.mobile.Application(document.body, { transition: "slide:right" });
</script>
<script type="text/x-kendo-template" id="firmlist-template">
           <a class="firmList">${Definition}</a>
</script>

JavaScript

new kendo.mobile.Application();
// JavaScript Document
 
var SERVICE_URL_GET_FIRM_LIST = "http://icenium.ayasofyazilim.com/Bakiyeci.asmx/GetFirmList";
var firmItems;
var firmLogicalRef;
var firmDefinition;
 
// Wait for PhoneGap to load
document.addEventListener("deviceready", onDeviceReady, false);
 
// PhoneGap is ready
function onDeviceReady() {
    //initial methods...
}
 
function getFirmList() {
    $.ajax({
        type: "POST",
        url:  SERVICE_URL_GET_FIRM_LIST,
        data: "{ firmID:331 }",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        beforeSend: function() {
            app.showLoading();        
        },
        success: function(msg) {
            firmItems = JSON.parse(msg.d);
            $("#firm-listview").kendoMobileListView({ dataSource: firmItems, template: $("#firmlist-template").text() });          
        },
        complete: function() {
            app.hideLoading();
        },
        error: function(msg) {
            app.hideLoading();
            alert('Firma listesi alinirken hata olustu!...');
        }
    });
}