I started learning Kendo Mobile, Is working with a local data, then i tried to work with a simple webservice. the webservice return a List of:
public class Test
{
public string name { get; set; }
public string Prom { get; set; }
}
in JSON Format. I verified, and put a break point at the method and also check in Firefox Firebug. it's correct. the following is my code
<div data-role="view" id="grouped"
data-transition="" data-title="ListView" data-layout="databinding">
<ul id="grouped-listview">
</ul>
</div>
<script type="text/javascript">
$(function () {
var dataS = new kendo.data.DataSource({
transport: {
read: {
type: 'POST',
url: 'KendoMobile.asmx/GetTest',
dataType: 'json',
data: '{}',
contentType: 'application/json; charset=utf-8'
},
schema: {
data: 'd'
},
group: 'Prom'
}
});
$("#grouped-listview").kendoMobileListView({
dataSource: dataS,
template: "${name}"
});
});
the page is not showing any data. What's wrong with my code. all CSS, and JS are added correctly since is working with a local data. Any help would be greatly appreciated.
public class Test
{
public string name { get; set; }
public string Prom { get; set; }
}
in JSON Format. I verified, and put a break point at the method and also check in Firefox Firebug. it's correct. the following is my code
<div data-role="view" id="grouped"
data-transition="" data-title="ListView" data-layout="databinding">
<ul id="grouped-listview">
</ul>
</div>
<script type="text/javascript">
$(function () {
var dataS = new kendo.data.DataSource({
transport: {
read: {
type: 'POST',
url: 'KendoMobile.asmx/GetTest',
dataType: 'json',
data: '{}',
contentType: 'application/json; charset=utf-8'
},
schema: {
data: 'd'
},
group: 'Prom'
}
});
$("#grouped-listview").kendoMobileListView({
dataSource: dataS,
template: "${name}"
});
});
the page is not showing any data. What's wrong with my code. all CSS, and JS are added correctly since is working with a local data. Any help would be greatly appreciated.