검도의 Listview에 데이터를 바인딩하는 방법 Mobile

Question

웹 서비스에서 데이터를 Kendo UI mobile (IOS)에 바인드하는 방법. 페이지를 비워 두는 웹 서비스를 사용하여 시도했으며 데이터를 직접 바인딩하고 있습니다. 그것은 나에게 html 페이지 (주석 처리 된 데이터)의 데이터를 보여주고있다. 누구든지 나에게 샘플 코드 나 예제를 제공 할 수 있는가? 여기

나는

<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> 

코드를 웹 서비스에 HTML 페이지에

코드를 시도 내 코드를 제공하고 있습니다

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; 
} 

Answer 1

<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>