Kendo Ui Grid在单击“编辑”按钮时获取选定的行ID [英] Kendo Ui Grid Get Selected Row Id when Edit Button is clicked

问题描述

 @（Html.Kendo（）。Grid< LicenseViewModel>（）。HtmlAttributes（ new  {@class =   KGrid}）
 .Name（  LicenseGrid）
 .Columns（columns = >  
 {
 columns.Bound（p = >  p.LicenseId）.Width（  15％）; 
 columns.Bound（p = >  p.ContractorId）.ClientTemplate（< span class =code-string> ＃= ContractorName＃）。宽度（  20％）; 
 columns.ForeignKey（p = >  p.DischargeLocationId ，（System.Collections.IEnumerable）ViewData [  DischargeLocationId_Data]，  DischargeLocationId， 标题）。宽度（  20％）; 
 columns.ForeignKey（p = >  p.WasteTypeId，（System.Collections.IEnumerable）ViewData [   WasteTypeId_Data]，  WasteTypeId， 标题）。宽度（   20％）。可见（ false ）; 
 columns.ForeignKey（p = >  p.AreaId，（System.Collections.IEnumerable）ViewData [   AreaId_Data]，  AreaId， 标题）。宽度（   10％）。可见（ false ）。HtmlAttributes（ new  {min =   1}）; 
 columns.ForeignKey（p = >  p.DayOrNight，（System.Collections.IEnumerable）ViewData [   DayOrNight_Data]，  Id， 标题）。宽度（   10％）。可见（ false ）; 
 columns.Bound（p = >  p.FromDate）.ClientTemplate（ ＃= FromDateP＃）。ClientGroupHeaderTemplate（ ＃= persianDate（值）＃）。HtmlAttributes（ new  {style =   text-align：center}）。宽度（  10％）。可过滤（ false ）; 
 columns.Bound（p = >  p.ToDate）.ClientTemplate（ ＃= ToDateP＃）。ClientGroupHeaderTemplate（ ＃= persianDate（值）＃）。HtmlAttributes（ new  {style =   text-align：center}）。宽度（  10％）。可过滤（ false ）; 
 columns.Command（command = >  
 {
 
  if （User.IsEdit（PageEnum.License））command.Edit（）。Text（ ）。UpdateText（ ثبت）。CancelText（ انصراف）; 
  if （User.IsDelete（PageEnum。许可））command.Destroy（）。Text（ ）; 
}）。宽度（  40％）。标题（ ویرایش）。HtmlAttributes（ new  {style =   text-align：center}）。HeaderHtmlAttributes（ new  {style =   text-align：center}）; 
}）
 .ToolBar（toolbar = >  
 {
  if （User.IsCreate（PageEnum.License））toolbar.Create（）。Text（ جدید ）; 
 
}）

解决方案

参考 - 从剑道网格获取所选行的数据

  //  选择网格 
  var  gview = 

（ ＃grid）。data（ kendoGrid）;
// 获取所选项目
var selectedItem = gview.dataItem（gview.select（））;
// 访问所选行数据
alert（selectedItem.email）;

@(Html.Kendo().Grid<LicenseViewModel>().HtmlAttributes(new { @class = "KGrid" })
    .Name("LicenseGrid")
    .Columns(columns =>
    {
        columns.Bound(p => p.LicenseId).Width("15%");
        columns.Bound(p => p.ContractorId).ClientTemplate("#= ContractorName #").Width("20%");
        columns.ForeignKey(p => p.DischargeLocationId, (System.Collections.IEnumerable)ViewData["DischargeLocationId_Data"], "DischargeLocationId", "Title").Width("20%");
        columns.ForeignKey(p => p.WasteTypeId, (System.Collections.IEnumerable)ViewData["WasteTypeId_Data"], "WasteTypeId", "Title").Width("20%").Visible(false);
        columns.ForeignKey(p => p.AreaId, (System.Collections.IEnumerable)ViewData["AreaId_Data"], "AreaId", "Title").Width("10%").Visible(false).HtmlAttributes(new { min = "1" });
        columns.ForeignKey(p => p.DayOrNight, (System.Collections.IEnumerable)ViewData["DayOrNight_Data"], "Id", "Title").Width("10%").Visible(false);
        columns.Bound(p => p.FromDate).ClientTemplate("#= FromDateP #").ClientGroupHeaderTemplate("#= persianDate(value) #").HtmlAttributes(new { style = "text-align:center" }).Width("10%").Filterable(false);
        columns.Bound(p => p.ToDate).ClientTemplate("#= ToDateP #").ClientGroupHeaderTemplate("#= persianDate(value) #").HtmlAttributes(new { style = "text-align:center" }).Width("10%").Filterable(false);
        columns.Command(command =>
        {
   
            if (User.IsEdit(PageEnum.License)) command.Edit().Text(" ").UpdateText("ثبت").CancelText("انصراف");
            if (User.IsDelete(PageEnum.License)) command.Destroy().Text(" ");
        }).Width("40%").Title("ویرایش").HtmlAttributes(new { style = "text-align:center" }).HeaderHtmlAttributes(new { style = "text-align:center" });
    })
    .ToolBar(toolbar =>
    {
        if (User.IsCreate(PageEnum.License)) toolbar.Create().Text("جدید");
       
    })

解决方案

Refer - Getting selected row’s data from Kendo Grid

//Selecting Grid
var gview =

("#grid").data("kendoGrid"); //Getting selected item var selectedItem = gview.dataItem(gview.select()); //accessing selected rows data alert(selectedItem.email);

这篇关于Kendo Ui Grid在单击“编辑”按钮时获取选定的行ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！