Kendo Grid使用Ajax更新

Question

問題可能是成功的函數 HomeController中的RssCek函數會成功返回。但我不能管理綁定與電網 的HomeController RssCek函數的返回部分

 return Json(feedler, JsonRequestBehavior.AllowGet); 

的JavaScript腳本函數

<script> 
    function select(e) { 
     var value = $(e.item).find("> .k-link").text(); 

      $.ajax({ 
       url: '@Url.Action("RssCek", "Home")', 
       type: 'GET', 
       contentType: 'application/json; charset=utf-8', 
       data: { value: value }, 
       success: function (feedler) 
       { 
        var g = $("#grid").data("kendoGrid"); 

        g.dataSource = new kendo.data.DataSource({ data: feedler }); 
        g.dataSource.read(); 
        g.refresh(); 
       }, 
       error: function (request, status, error) 
       {document.write(request+"++"+ status+"++"+ error);} 
       }); 
    } 

</script> 

Answer 1

可以設置劍道電網這樣的數據源，

var dataSource = new kendo.data.DataSource({ 
    data:feedler 

}); 
var grid = $("#grid").data("kendoGrid"); 
grid.setDataSource(dataSource); 

你可以做的最好的方法是定義tr網格的數據源的ansport屬性。您不必創建datasouces每個數據讀取，您在datasouce本身can specify read,create,update methods，然後你可以打電話，

var g = $("#grid").data("kendoGrid"); 
g.dataSource.read(); 

每當你需要從服務器刷新。

Answer 2

試試這個，

<script> 
    function select(e) { 
     var value = $(e.item).find("> .k-link").text(); 

      $.ajax({ 
       url: '@Url.Action("RssCek", "Home")', 
       type: 'GET', 
       contentType: 'application/json; charset=utf-8', 
       data: { value: value }, 
       success: function (feedler) 
       { 





$("#grid1").html(''); 
         $("#grid1").kendoGrid({ 
         dataSource: feedler, 
         sortable: true, 
         pageable: { 
          refresh: true, 
           pageSizes: true 
           }, 
          columns: [{ 
             field: "SampleDescription", 
             width: 90, 
            }, { 
          field: "SampleCode", 
           width: 90, 
           }, { 
           width: 100, 
           field: "SampleItems" 
            } 
           ] 
           });; 
       }, 
       error: function (request, status, error) 
       {document.write(request+"++"+ status+"++"+ error);} 
       }); 
    } 

</script> 

查看

<div id="grid1"> 
    </div> 

或與同一網格

<script> 
     function select(e) { 
      var value = $(e.item).find("> .k-link").text(); 

      $.ajax({ 
       url: '@Url.Action("RssCek", "Home")', 
       type: 'GET', 
       contentType: 'application/json; charset=utf-8', 
       data: { value: value }, 
       success: function (feedler) 
       { 


       $('#grid').data("kendoGrid").dataSource = new kendo.data.DataSource({ data: result }); 
        $('#grid').data("kendoGrid").dataSource.read(); 
        $('#grid').data("kendoGrid").refresh(); 
} 

</script> 

字段名稱僅僅是例子。