or
filter: "tbody > tr"var dataSource = new kendo.data.DataSource({ type: "json", transport: { read: function(options) { db.transaction(queryRows, app.dbError); function queryRows(tx) { tx.executeSql("SELECT comps.*, (SELECT COUNT(*) FROM comps WHERE comps.comp_name LIKE ?) as total FROM comps WHERE comps.comp_name LIKE ? LIMIT ?, ?", ["%" + $("#search-comp-name").val() + "%", "%" + $("#search-comp-name").val() + "%", (options.data.page - 1) * 20, 20], queryRowsSuccess, queryRowsFailure); } function queryRowsSuccess(tx, results) { var res = Array(); var total = 0; for(var i = 0; i < results.rows.length; i++) { res.push(results.rows.item(i)); } if(results.rows.length > 0) total = results.rows.item(0).total; var resSchema = { results: res, total: total }; options.success(resSchema); } function queryRowsFailure(err) { app.compListDbError(); } } }, schema: { total: function (response) { return response.total; }, data: function(response) { return response.results; }, }, serverPaging: true, pageSize: 20 }); $("#companyResultList").kendoMobileListView({ dataSource: dataSource, template: $("#endless-scrolling-template").text(), endlessScroll: true });<div data-role="layout" data-id="default"> <header data-role="header"> <div data-role="navbar"> some content ... </div> </header> <footer data-role="footer"> <div data-role="tabstrip"> some content... </div> </footer></div><div data-role="layout" data-id="layout2"> <header data-role="header"> <div data-role="navbar"> some other content ... </div> </header> <footer data-role="footer"> <div data-role="tabstrip"> some other content... </div> </footer> </footer></div><div id="view1" data-role="view" data-layout="default"> content...</div><div id="view2" data-role="view" data-layout="layout2"> content...</div>