This is a migrated thread and some comments may be shown as answers.

How to bind the data to Listview in kendo UI Mobile using webservice

1 Answer 173 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Kamran asked on 12 Feb 2013, 09:49 AM
Hi, I am having a problem to bind a Listview in kendo ui mobile with a server side method written in a Webservice.
But this code is not working. When i placed a debugger in method, i found that debugger does not go inside the $.ajax 
and go out to end the function. Can anybody help ?

<script src="scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.min.js" type="text/javascript"></script>
<script src="scripts/kendo.all.min.js" type="text/javascript"></script>
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="styles/" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function mobileListViewDataBindInitFlat() {
type: "POST",
url: "mobileAppWebService.asmx/GetData",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
dataSource: data.d,
failure: function (msg) {
var app = new;

<div data-role="view"   data-init="mobileListViewDataBindInitFlat" data-title="Data Bindings">
<ul data-role="listview" data-style="inset" id="flat" >
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>

1 Answer, 1 is accepted

Sort by
Alexander Valchev
Telerik team
answered on 14 Feb 2013, 07:57 AM
Hello Kamran,

KendoUI is not compatible with jQuery v1.9.1, instead please use jQuery v1.8.2.

In addition, you are initializing the ListView widget inside the success event handler of the $.ajax request. Multiple initialization of the widgets is not supported. I can suggest you two alternative approaches:
  • bind the ListView widget to a DataSource component, like in this demo. The data should be retrieved from the webservice via read transport (it will make $.ajax request)
  • if you insist to use separate $.ajax request, please just replace the data of the ListView's dataSource with the data method. Do not reinitialize the widget.
    success: function (data) {
        .data( data.d ); //replace the data

I hope this will help.

Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
General Discussions
Asked by
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question