KendoUI ASP MVC無法獲取網格選定的行值

我使用Kendo UI Grid來顯示郵件列表，當我點擊一行時，我需要選擇一行並在郵件對象中顯示郵件正文，在客戶端。但無法獲得選定的行值。KendoUI ASP MVC無法獲取網格選定的行值

這裏是視圖代碼：

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MVC3toHTML5.Models.MailModel>" %> 

<!DOCTYPE html> 

<html> 
<head runat="server"> 
    <title>Index</title> 
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
    <link href="<%= Url.Content("/Content/web/kendo.common.min.css") %>" rel="stylesheet" type="text/css" /> 
    <link href="<%= Url.Content("/Content/web/kendo.rtl.min.css") %>" rel="stylesheet" type="text/css" /> 
    <link href="<%= Url.Content("/Content/web/kendo.default.min.css") %>" rel="stylesheet" type="text/css" /> 
    <link href="<%= Url.Content("/Content/shared/examples-offline.css") %>" rel="stylesheet" type="text/css" /> 
    <script src="<%: Url.Content("/Scripts/jquery-1.5.1.min.js") %>" type="text/javascript"></script> 
    <script src="<%: Url.Content("/Scripts/modernizr-1.7.min.js") %>" type="text/javascript"></script> 
     <script src="<%= Url.Content("/Scripts/jquery.min.js") %>"></script> 
    <script src="<%= Url.Content("/Scripts/kendo.web.min.js") %>"></script> 
    <script src="<%= Url.Content("/Scripts/kendo.aspnetmvc.min.js") %>"></script> 
    <script src="<%= Url.Content("/Scripts/console.min.js") %>"></script> 
    <script src="<%= Url.Content("/Scripts/prettify.min.js") %>"></script> 
</head> 
<body> 
    <div style="font-size:medium;"> 
     <%: Html.Kendo().Grid(Model.mailList) 
     .Name("Grid") 
     .Columns(columns => 
     { 
      columns.Bound(p => p.MailId).Width(200); 
      columns.Bound(p => p.From.Value).Width(200); 
      columns.Bound(p => p.Subject).Width(200); 

     }) 
         .Pageable() 
         .Sortable() 
         .Scrollable() 
         .Filterable() 
         .Groupable() 
         .DataSource(dataSource => dataSource 
          .Ajax() 
          .ServerOperation(false) 
             .Events(events => events.Change("Grid_OnRowSelectUID")) 

         ) 
    .Selectable() 
%> 
    </div> 
    <div style="margin-left:220px;"> 
    <% Html.Kendo().Editor() 
     .Name("Editor") 
     .HtmlAttributes(new { style = "width: 740px;height:440px;" }) 


     .Render(); 
%> 
<script type="text/javascript"> 
    function Grid_OnRowSelectUID() { 

     var dataSource = new kendo.data.DataSource({ 
      change: function (e) { 
       alert("datasource"); 
      } 
     }); 

     dataSource.bind("change", function (e) { 
      alert("Bind"); 
     }); 

    } 









</script> 
    </div> 
</body> 
</html>

控制器如下：

namespace MVC3toHTML5.Controllers 
{ 
    public class Home2Controller : Controller 
    { 
     public ActionResult Index() 
     { 
      MailModel mailModelobj = new MailModel(); 
      mailModelobj.GetMailList(); 
      return View(mailModelobj); 

     } 

    } 
}

我從web服務獲取郵件。實現該目標的正確方法是什麼？

來源

2012-12-21 Shantu

使用change事件的網格不是數據源的更改事件。

<%: Html.Kendo().Grid(Model.mailList) 
    .Name("Grid") 
    .Selectable() 
    .Events(ev=>ev.Change("onSelectRow")) 
    //... 



    <script> 
     function onSelectRow(e){ 
      var currentSelectedItem = this.dataItem(this.select()); 
      alert(currentSelectedItem.SomeProp); 
      $('#Editor').data().kendoEditor.value(currentSelectedItem.SomeProp); 
     } 
    </script>

來源

2012-12-21 23:00:25

KendoUI ASP MVC無法獲取網格選定的行值

回答

相關問題