How to bind the data to Listview in kendo UI Mobile

how to bind the data from web service to Kendo UI mobile (IOS).I have tried using the web service the page is displaying blank and when i’m binding data directly it is showing me the data in the html page(the commented data).Can anyone provide me any sample code or any examples.

here i’m providing my code which i have tried

code in html page

<div data-role="view" id="flat" data-init="mobileListViewDataBindInitFlat" data-title="ListView"
    data-layout="databinding">
    <ul id="flat-listview">
    </ul>
</div>
<script type="text/javascript">
    $(document).ready(function (){   
        var dataS = new kendo.data.DataSource({
            transport: {
                read: {
                    type: 'GET',
                    url: 'mobileAppWebService.asmx/EmployeeNames',
                    dataType: 'json',
                    data: '{}',
                    contentType: 'application/json; charset=utf-8'
                },
                schema: {
                    data: "d"
                }
            }
        });
        debugger
        $("#flat-listview").kendoMobileListView({
            dataSource: dataS,
            template: "${ename}"
        });

 //                    var dataSource = ["Sashimi salad", "Chirashi sushi", "Seaweed      salad", "Edamame", "Miso soup", "Maguro", "Shake", "Shiromi", "Tekka maki",      "Hosomaki Mix", "California rolls", "Seattle rolls", "Spicy Tuna rolls", "Ebi     rolls", "Chicken Teriyaki", "Salmon Teriyaki", "Gohan", "Tori Katsu", "Yaki Udon"];
  //                    function mobileListViewDataBindInitFlat() {
  //                        $("#flat-listview").kendoMobileListView({
 //                            dataSource: dataSource,
 //                            endlessScroll: true                           
 //                        });
 //                    };
      });
</script>
<script type="text/javascript">
    var app = new kendo.mobile.Application(document.body);
</script>

code in web service

 SqlConnection con = new SqlConnection("Data Source=SHANKAR-PC//SQLEXPRESS;              Initial          Catalog=Occumen;Integrated Security=True");

[WebMethod]
public List<EmpNames> EmployeeNames()
{
    SqlDataAdapter da = new SqlDataAdapter("select ename from emp", con);
    DataSet ds = new DataSet();
    da.Fill(ds, "names");
    return LstEmpNames(ds);
}

public List<EmpNames> LstEmpNames(DataSet ds)
{
    List<EmpNames> objenamelst = new List<EmpNames>();
    for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
    {
        EmpNames objemp = new EmpNames();
        objemp.ename = ds.Tables[0].Rows[i][0].ToString();
        objenamelst.Add(objemp);
    }
    return objenamelst;
}

json data binding in kendo ui mobile listview

I am developing a mobile app using Kendo ui mobile and Phonegap.I have a JSON data, Here . I want to bind this JSON to kendo ui mobile listview. I have tried following code, but its not working. It no

How to bind Data to Dropdownlist in Kendo Ui Mobile

I have been using Kendo Mobile to develop an application, previously same application i have done in Kendo web,it’s works fine.The main problem is that i have to bind data to two dropdownlist which th

Jquery Mobile UI listview with Kendo UI

I’m using Jquery mobile UI listView. <div data-role=content> <ul data-role=listview data-inset=true data-theme=a> <li> <a href=Area.aspx>Area</a> </li> &l

kendo ui mobile listview for displaying checkbox

I want to display a check box for all the list items in a kendo mobile listview, So, I have given in my kendo listview template, listview is displaying correctly, but the check box is not displaying.

Kendo UI Mobile ListView filter

I’ve been using kendo for quite some time but there is a issue that I’m facing using kendo filter in kendo list view. I am developing a SPA using kendo UI. In one of the views I’ve implemented kendo f

Access and iterate array property of Kendo UI Listview inside the template

I have a Kendo UI Mobile Listview <ul data-role=listview data-bind=source: customers data-template=customer-template/> Now I want to access the property of the customer which is an array

Unable to bind a Kendo Mobile ListView to data using “data-bind=source:”

I am trying to bind the listview to the ViewModel. I have placed some hard coded data into the code to ensure that it is not a problem with the web services. I am not seeing any console errors so I am

Kendo UI Mobile ListView – Load more button doesn’t work

Looks like the Press to load more option does not work on the latest version of Kendo Mobile UI (2012-q3). I tried it on a Galaxy Nexus and an iPod. http://demos.kendoui.com/mobile/listview/press-to

How to get Kendo UI PopOver ListView selected values

How to get Kendo UI PopOver Checkbox ListView selected values. I have used this example. Thanks.

how to bind new kendo datasource to a existing kendo-web-UI listview?

i create a kendo-datasource and assign it to a kendo-listview. its work fine. But i added a search functionality for the list-view. the problem is after search the datasoruce is updated but my listvie

Answers

<script type="text/x-kendo-template" id="ListViewTemplate">     
   <div class="GetData">
    ${eid}
    </div>
    <div class="GetData">
       ${ename}
    </div>
</script>

<script type="text/javascript">
    function mobileListViewDataBindInitFlat() {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "mobileAppWebService.asmx/GetData",
            endlessScroll: true,
            dataType: "json",
            success: function (data) {
                $("#flat-listview").kendoMobileListView({
                    dataSource: data.d,
                    template: $("#ListViewTemplate").html()
                });
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }
 var app = new kendo.mobile.Application(document.body);
</script>