Добавление EditorTemplate в сетку Kendo

Я пытаюсь добавить EditorTemplate в мою сетку Kendo, которую я смог сделать.Добавление EditorTemplate в сетку Kendo

Проблема, с которой я столкнулась, заключается в том, что, когда я перехожу в режим редактирования, выпадающий список автоматически переходит к первому элементу в списке, а не к элементу, который он должен редактировать.

ВИД (INDEX.CSHTML):

@(Html.Kendo().Grid<DropDown.Models.MarkupState>() 
       .Name("PayrollMarkupGrid") 
       .Columns(columns => 
         { 
          columns.Bound(p => p.PayrollMarkupId).Hidden(true); 
          columns.Bound(p => p.StateId).Hidden(true); 
          columns.Bound(p => p.State).Width(80); 
          columns.Bound(p => p.MaintenancePercentage).Title("Maint. %").Width(80); 
          columns.Bound(p => p.OfficePercentage).Title("Office %").Width(80); 
          columns.Command(command => 
              { 
               command.Edit(); 
               command.Destroy(); 
              }).Title("Actions"); 
         }) 
       .ToolBar(toolbar => toolbar.Create()) 
       .Selectable(selectable => selectable.Mode(GridSelectionMode.Single)) 
       .DataSource(dataSource => dataSource 
              .Ajax() 
              .Model(model => model.Id(p => p.State)) 
              .Read(read => read.Action("Read", "Home")) 
              .Create(create => create.Action("Create", "PayrollMarkup")) 
              .Update(update => update.Action("Create", "PayrollMarkup")) 
              .Destroy(destroy => destroy.Action("Delete", "PayrollMarkup")) 
      ))

ВИД (StatesEditor.cshtml):

@model DropDown.Models.State 
@{ 
    var shortName = ""; 
} 
@if (Model != null) 
{ 
    shortName = Model.ShortName; 
} 




@(Html.Kendo().DropDownList() 
    .Name("State") 
    .DataValueField("StateId") 
    .DataTextField("ShortName") 
    .Value(shortName) 
    .BindTo((System.Collections.IEnumerable)ViewData["states"]) 
)

КОНТРОЛЛЕР (ИНДЕКС):

public ActionResult Index() 
    { 
     var stateList = new List<State>(); 

     var state1 = new State 
     { 
      StateId = 1, 
      ShortName = "CA" 
     }; 
     stateList.Add(state1); 

     var state2 = new State 
     { 
      StateId = 2, 
      ShortName = "CT" 
     }; 
     stateList.Add(state2); 

     var state3 = new State 
     { 
      StateId = 3, 
      ShortName = "MA" 
     }; 
     stateList.Add(state3); 

     var state4 = new State 
     { 
      StateId = 4, 
      ShortName = "RI" 
     }; 
     stateList.Add(state4); 

     var state5 = new State 
     { 
      StateId = 5, 
      ShortName = "TX" 
     }; 
     stateList.Add(state5); 

     var state6 = new State 
     { 
      StateId = 6, 
      ShortName = "SC" 
     }; 
     stateList.Add(state6); 

     ViewData["states"] = stateList; 

     return View(); 
    }

КОНТРОЛЛЕР (READ):

public ActionResult Read([DataSourceRequest] DataSourceRequest request) 
    { 
     var payrollMarkupList = new List<MarkupState>(); 

     var markup1 = new MarkupState() 
     { 
      PayrollMarkupId = 1, 
      StateId = 1, 
      State = "CA", 
      MaintenancePercentage = (decimal?)1.1 
     }; 
     payrollMarkupList.Add(markup1); 

     var markup2 = new MarkupState() 
     { 
      PayrollMarkupId = 2, 
      StateId = 2, 
      State = "CT", 
      MaintenancePercentage = (decimal?)3.2 
     }; 
     payrollMarkupList.Add(markup2); 

     var markup3 = new MarkupState() 
     { 
      PayrollMarkupId = 3, 
      StateId = 3, 
      State = "MA", 
      MaintenancePercentage = (decimal?)8.5 
     }; 
     payrollMarkupList.Add(markup3); 


     return Json(payrollMarkupList.ToDataSourceResult(request)); 
    }

МОДЕЛЬ (State.cs):

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 

namespace DropDown.Models 
{ 
    public class State 
    { 
     public int StateId { get; set; } 
     public string ShortName { get; set; } 
    } 
}

МОДЕЛЬ (MarkupState.cs):

using System; 
using System.Collections.Generic; 
using System.ComponentModel.DataAnnotations; 
using System.Linq; 
using System.Web; 

namespace DropDown.Models 
{ 
    public class MarkupState 
    { 
     public int PayrollMarkupId { get; set; } 
     [UIHint("StatesEditor")] 
     public string State { get; set; } 
     public int StateId { get; set; } 
     public decimal? MaintenancePercentage { get; set; } 
     public decimal? OfficePercentage { get; set; } 
    } 
}

Это ссылка на тест-решения, но я имею предоставить весь код выше:

http://www.kendoui.com/clientsfiles/67b8816e-9aae-631b-85d4-ff000054ddc5_dropdown.zip?sfvrsn=0

источник

2013-07-30 Mithrilhall

Установите StateId быть видимым столбец и использовать ClientTemplate, чтобы отобразить поле "State":

columns.Bound(p => p.StateId).Width(80).ClientTemplate("#=State#"); 
columns.Bound(p => p.State).Hidden(true);

Установите специ EditorTemplate в поле "StateId" в модели:

public class MarkupState 
{ 
    public int PayrollMarkupId { get; set; } 
    public string State { get; set; } 
    [UIHint("StatesEditor")] 
    public int StateId { get; set; } 
    public decimal? MaintenancePercentage { get; set; } 
    public decimal? OfficePercentage { get; set; } 
}

Измените EditorTemplate следующим образом:

@model int? 


@(Html.Kendo().DropDownListFor(m => m) 
    .DataValueField("StateId") 
    .DataTextField("ShortName") 
    .BindTo((System.Collections.IEnumerable)ViewData["states"]) 
)

источник

2013-07-31 13:11:48 Mithrilhall

Добавление EditorTemplate в сетку Kendo

ответ

Смежные вопросы