or
<div class="layout-section"> <div id="layoutView"></div> <div id="pager" class="k-pager-wrap" ></div></div><script type="text/x-kendo-template" id="template"> <div class="product"> <img src="#= Layoutfilepath #" alt="#= LayoutName # Layout" /> <h3>#=LayoutName# Layout</h3> <p>#:kendo.toString("Select Layout")#</p> </div></script>var layouts2 = new kendo.data.DataSource({ transport: { read: { url: "Default.aspx/GetLayouts", contentType: "application/json; charset=utf-8", type: "POST", dataType: "json" } }, schema: { data: "d" }, pageSize: 1 }); $("#layoutView").kendoListView({ dataSource: layouts2, template: kendo.template($("#template").html()), selectable: "single" }); $("#pager").kendoPager({ dataSource: layouts2 })var User = kendo.data.Model.define({ id: "id", fields: { id: { editable: false, nullable: true }, username: { type: "string", validation: { required: true }, defaultValue: "" }, password: { type: "string", validation: { required: true }, defaultValue: "" } }});var vmLogin = function () { var _userName = ""; var _password = ""; var _user = new User(); var _submitLogin = function () { } var _init = function () { } return { Init: _init, User: _user, Submit: _submitLogin }}