Hi All,
I am trying to bind Dropdown in one of the columns for the incell editor Kendo Grid.
I am not sure where I am going wrong, probably some basic mistake.
I have a Main View Page with the Editable Grid, Another view page to populate the dropdown in cell.
The cell in the main grid is not populating as a dropdown list, basically it is not firing the dropdown view page.
I am not really sure where I am going wrong, probably I am doing some basic mistake.
MasterDataLookup.cshtml:
@using (Html.BeginForm("ReplaySelectedMessages", "Home"))
{
<div id="gridContent">
<h1></h1>
@(Html.Kendo().Grid<ViaPath.LookUpDataManagement.MvcApp.Models.MasterDataMappingModel>(Model)
.Name("gridTable")
.HtmlAttributes(new { style = "font-family: verdana,arial,sans-serif; font-size: 11px;color: #333333;border-color: #999999;" })
.Columns(columns =>
{
columns.Bound(p => p.ClientAppName).ClientTemplate("# try {# #=ClientAppName# #} catch (e) {}#").EditorTemplateName("ComboBoxLookup").Width(200);
//columns.ForeignKey(p => p.ClientAppName, (System.Collections.IEnumerable)ViewData["ClientsApplications"], "ClientAppId", "ClientAppName");
columns.Bound(p => p.SupplierAppName).Width(200);
columns.Bound(p => p.ListName).Width(200);
columns.Bound(p => p.ClientValueName).Width(200);
columns.Bound(p => p.SupplierValueName).Width(200);
columns.Bound(p => p.Direction).Width(200);
columns.Command(command => {
command.Edit();
command.Destroy();
}).Width(200);
})
.ToolBar(t => t.Create())
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Filterable(e => e.Extra(false))
.Pageable(page => page.PageSizes(new int[] { 10, 25, 50, 100 }).Enabled(true))
.Sortable()
.Scrollable(src => src.Height("auto"))
.Resizable(resize => resize.Columns(true))
.DataSource(
source => source
.Ajax()
.ServerOperation(true)
.Model(model =>
{
model.Id(e => e.MasterDataMappingId);
model.Field(e => e.MasterDataMappingId).Editable(false);
//model.Field(e => e.ClientAppName).Editable(true);
model.Field(p => p.ClientAppName).DefaultValue(
ViewData["defaultApplications"] as ViaPath.LookUpDataManagement.MvcApp.Models.MasterDataMappingModel);
})
.Create(create => create.Action("Create_MasterDataMapping", "Home"))
.Read(read => read.Action("Read_MasterDataMapping", "Home"))
.Update(update => update.Action("Update_MasterDataMapping", "Home"))
.Destroy(destroy => destroy.Action("Destroy_MasterDataMapping", "Home")))
// .ClientDetailTemplateId("MasterDataListTemplate")
// .ToClientTemplate()
)
ComboBoxLookup.cshtml
@model IEnumerable<ViaPath.LookUpDataManagement.MvcApp.Models.ApplicationsModel>
@using ViaPath.LookUpDataManagement.MvcApp
@(Html.Kendo().DropDownListFor(m => m)
.Name("ComboBoxLookup")
.DataValueField("AppId")
.DataTextField("ApplicationName")
.BindTo((System.Collections.IEnumerable)ViewData["Applications"])
)
Controller.cs
public ActionResult MasterDataLookUp()
{
List<MasterDataMappingModel> masterDataMappings = null;
masterDataMappings = GetMasterDataMapping();
ViewData["Applications"] = masterDataMappings.Select(p => new
{
ClientAppId = p.ClientAppId,
ClientAppName = p.ClientAppName
}).Distinct();
ViewData["defaultApplications"] = masterDataMappings.Select(p => new
{
ClientAppId = p.ClientAppId,
ClientAppName = p.ClientAppName
}).First();
return View(masterDataMappings);
}