Html.Kendo().DateRangePicker()
                        .DisableDates(new[] { "sa", "su" })
                        .Max(DateTime.Now.AddYears(1))
                        .Messages(m => m.StartLabel("Start").EndLabel("Ende"))
                        .Name("daterangepickerReservierungswunsch")
                        .Range(r => r.Start(Model.Startdatum).End(Model.Enddatum))

<kendo-daterangepicker name="daterangeReservation" disable-dates="???" max="DateTime.Now.AddYears(1)" >
                <messages start-label="Start" end-label="Ende" />
                <range start="Model.DateStart" end="Model.DateEnd" />
            </kendo-daterangepicker>

    @(Html.Kendo().Grid<TimeStudy.NetCore.Web.Models.TSCodeAssociationModel>()
            .Name("gridTSCodeAssociation")
            .HtmlAttributes(new { sender = "gridTSCodeAssociation", title = "TS Code Associaton" })
            .Columns(c =>
            {
                c.Command(commands =>
                {
                    commands.Edit().Text(" ").CancelText("Close").UpdateText("Save").HtmlAttributes(new { title = "Edit Association" }).IconClass("fas fa-pencil-alt fa-xs iconColor k-sm").UpdateIconClass("rcit-k-remove-icon-span").CancelIconClass("rcit-k-remove-icon-span");
                }).ClientHeaderTemplate(TimeStudy.NetCore.Web.Common.ViewConstants.KENDO_REMOVE_FILTER_BTN).Width(55).Visible(@isEditor);
                c.Bound(f => f.TSCodeAssociationId).Hidden();
                c.Bound(f => f.Code).Width(50);
            })
            .Pageable()
            .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("EditTSCodeAssociation").Window(w => w.Title("Edit TS Code Association")))
            .DataSource(dataSource =>
            dataSource
            .Ajax()
            .Events(ex => ex.Error("function(e){gridWithSearchButton_onDataError(e, '#gridTSCodeAssociation')}"))
            .Model(model =>
            {
                model.Id(f => f.TSCodeAssociationId);
            })
            .Read(read => read.Action("GridTSCodeAssociationAction", "TSCodeAssociation", new { method = "read" }).Data("kendoPageSearchParametersAntiForgery"))
            .Update(read => read.Action("GridTSCodeAssociationAction", "TSCodeAssociation", new { method = "update" }).Data("kendoPageSearchParametersAntiForgery"))
            //.Create(create => create.Action("GridTSCodeAssociationAction", "TSCodeAssociation", new { method = "create" }).Data("kendoSendAntiForgery"))
            .PageSize(50)
            )
            .Events(e => e.DataBound("kendoGridLoadButtonReset_databound"))
            .Filterable(filterable => filterable
            .Extra(false)
            .Operators(operators => operators
            .ForString(str => str.Clear()
            .StartsWith("Starts with")
            .IsEqualTo("Is equal to")
            .IsNotEqualTo("Is not equal to")
            .Contains("Contains")
            ))
            )
            .Scrollable(s => s.Height(600))
            .Sortable()
            .AutoBind(true)
        .Deferred()
        )

                    items.Add().Text("Journal Entries").Content(@<text>
                                @(Html.Kendo().Grid<ArusUI.Areas.UVL.Models.UVLJournalEntriesModel>()
                     .Name("JEGrid_#=PONum#_#=lineNum#") // template expression, to be evaluated in the master context
                      .Columns(columns =>
                      {
                          columns.Bound(p => p.distrPercent).Title("Distribution Percent").Width(16);
                          columns.Bound(p => p.amt).Title("Amount").Width(21); ;
                          columns.Bound(p => p.newCostCenter).Title("Cost Center")
                            .Width(18)
                            .ClientTemplate("\\#=newCostCenter.displayvalue\\#")
                            .Filterable(false);
                          columns.Bound(p => p.acctNum).Title("Account Nbr")
                            .Width(18);
                          columns.Bound(p => p.subAcctNum).Title("Sub Account Nbr")
                              .Width(17);
                          columns.Bound(p => p.refType).Title("Reference Type").Width(20);
                          columns.Bound(p => p.refNum).Title("Reference Nbr").Width(21);
                          columns.Bound(p => p.refSubNum).Title("Reference Sub Nbr").Width(25);
                          columns.Bound(p => p.project).Title("Project Nbr").Width(20);
                          columns.Bound(p => p.activityID).Title("Activity ID").Width(20);
                          columns.Bound(p => p.userDef).Title("User Defined").Width(25);
                      })
                              .ToolBar(toolbar =>
                              {
                                  toolbar.Create().HtmlAttributes(new { Id = "AddId_#=PONum#_#=lineNum#" });
                                  toolbar.Custom().Text("Undo").Name("Cancel").HtmlAttributes(new { Id = "UndoId_#=PONum#_#=lineNum#" });

                              })
                            .Editable(editable => editable.Mode(GridEditMode.InCell))
                            .Selectable(selectable => selectable
                                        .Mode(GridSelectionMode.Single))
                            .Events(ev => ev.Edit("onJEEdit"))
                            .DataSource(dataSource => dataSource
                                .Ajax()
                                .PageSize(10)
                            .Model(model =>
                            {
                                model.Id(field => field.id);
                                //model.Field(field => field.newCostCenter.displayvalue).Editable(true);
                                model.Field(field => field.newCostCenter).DefaultValue(new ArusUI.Areas.UVL.Models.CostCenterModel() { displayvalue = "default value" });
                            })
                            )
                            .Sortable()
                            .Pageable()
                            .Resizable(resize => resize.Columns(true))
                            .Width(2050)
                            .ToClientTemplate())
                    </text>

function onJEEdit(e) {
    var URL = '/UVL/GetJournalEntries/'
    var arrValues = e.sender._cellId.split('_');
    var lineNbr = arrValues[2].substring(0, 4);
    var PONbr = arrValues[1];
    var POReleaseNbr;


    if (PONbr.length <= 8) {
        POReleaseNbr = "";
    } else {
        POReleaseNbr = PONbr.substring(0, 8);
    };

    var jeGrid = $(`#JEGrid_${PONbr}_${arrValues[2]}`).data("kendoGrid");
    var detailGridWrapper = jeGrid.wrapper;
    var parentRow = detailGridWrapper.closest("tr.k-detail-row").prev("tr");
    var parentGrid = parentRow.closest("[data-role=grid]").data("kendoGrid");
    var parentModel = parentGrid.dataItem(parentRow);
    var JEGridData = jeGrid.dataSource.data();
    var oldData = jeGrid.dataSource._pristineData;
    var newData = jeGrid.dataSource._data;

    var dataText = $("#Facility").data("kendoDropDownList").text();
    var facility = dataText.split('-');
    var _facilityCode = $.trim(facility[0]);
    var _facilityDesc = $.trim(facility[1]);

    $.ajax({
        type: 'GET',
        url: URL,
        data: { facility: _facilityCode, description: _facilityDesc, purchaseOrderNbr: PONbr, poReleaseNbr: POReleaseNbr, lineNbr: lineNbr },
        dataType: 'json',
        success: function (data) {
            test = data;
            if (data != "error" && data != undefined) {

                var distrPercent = data.journalEntries[0].distrPercent;
                costCenter = data.journalEntries[0].costCenter;
                account = data.journalEntries[0].acctNum;
                amt = data.journalEntries[0].amt;
                referenceType = data.journalEntries[0].refType;
                referenceNbr = data.journalEntries[0].refNum.toString();
                referenceSubNbr = data.journalEntries[0].refSubNum;
                if (data.journalEntries[0].projectNbr != null) { projectNbr = data.journalEntries[0].projectNbr; };
                if (data.journalEntries[0].activityId != null) { activityId = data.journalEntries[0].activityId; };              
                userDef = data.journalEntries[0].userDef;

                if (e.model.isNew() && !e.model.dirty) {

                    newData[0].set("distrPercent", distrPercent);
                    newData[0].set("amt", amt);
                    newData[0].set("refType", referenceType);
                    newData[0].set("refNum", referenceNbr);
                    newData[0].set("refSubNum", referenceSubNbr);
                    newData[0].set("project", projectNbr);
                    newData[0].set("activityID", activityId);
                    newData[0].set("userDef", userDef);

                } else {
                    //not complete

                }


            }
            else {
                Swal.fire(
                    'Something went wrong!',
                    'Please Try again',
                    'error'
                );
            }
        }

    });

}

        public async Task<JsonResult> GetJournalEntries(string facility, string description, string purchaseOrderNbr, string poReleaseNbr, int lineNbr)
        {
            string baseUrl = string.Empty;
            HttpClientHandler clientHandler = new HttpClientHandler
            {
                ServerCertificateCustomValidationCallback = (sender, cert, chain, sslPolicyErrors) => { return true; }
            };
            using var client = new HttpClient(clientHandler, true);
            int line = lineNbr;
            string lineNbrStr = UVLFunctions.FmtLineNbr(line);

            try
            {
                if (!String.IsNullOrEmpty(facility) && purchaseOrderNbr != null)
                {

                    baseUrl = _iconfiguration.GetValue<string>("API:UVL") + "/Jes/?facility="
                        + facility + "&description=" + description + "&purchaseOrderNbr=" + purchaseOrderNbr + "&poReleaseNbr=" + poReleaseNbr + "&lineNbr=" + lineNbrStr;

                    var response = await client.GetStringAsync(baseUrl);

                    JEGridModel allJEs = JsonConvert.DeserializeObject<JEGridModel>(response);

                    var id = 0;
                    foreach (var item in allJEs.journalEntries)
                    {
                        item.id = id;
                        id++;
                    };

                    allJEs.journalEntries.ForEach(c => c.newCostCenter = new CostCenterModel() { displayvalue = c.costCenter });

                    return Json(allJEs);
                }
                else
                {
                    return Json("");
                }
            }
            catch (System.Exception e)
            {
                throw e;
            }
        }

        public async Task<JsonResult> GetCostCenter(string facilityCode, string facilityDesc)
        {
            try
            {
                string baseUrl = _iconfiguration.GetValue<string>("API:UVL") + "/CostCenters/?facility=" + facilityCode + "&description=" + facilityDesc;

                HttpClientHandler clientHandler = new HttpClientHandler
                {
                    ServerCertificateCustomValidationCallback = (sender, cert, chain, sslPolicyErrors) => { return true; }
                };

                var json = await new HttpClient(clientHandler).GetStringAsync(baseUrl);

                CostCenterListModel costCenter = JsonConvert.DeserializeObject<CostCenterListModel>(json);
                //costCenter.uvlCostCenter.Sort((v1, v2) => v1.displayvalue.CompareTo(v2.displayvalue));
                return Json(costCenter.uvlDatalist);
            }
            catch (System.Exception e)
            {
                throw e;
            }

        }

@model ArusUI.Areas.UVL.Models.CostCenterModel
@using Kendo.Mvc.UI

@(Html.Kendo().DropDownListFor(model=>model)
        .DataValueField("displayvalue")
        .DataTextField("displayvalue")
        .OptionLabel("--Select--")
        .HtmlAttributes(new { style = "font-size:inherit;width:100%;height:1.3rem;align-items: center" })
.DataSource(source =>
{
    source.Read(read =>
    {
        read.Action("GetCostCenter", "UVL").Data("GetFacilityCode");
    }).ServerFiltering(false);
})
)

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Threading.Tasks;

namespace ArusUI.Areas.UVL.Models
{
    public class JEGridModel
    {
        public List<UVLJournalEntriesModel> journalEntries { get; set; }
    }
    public class UVLJournalEntriesModel 
    {
        public int id { get; set; }
        [Range(0, 100)]
        public string distrPercent { get; set; }
        public int amt { get; set; }
        [UIHint("UVL/CostCenter")]
        public CostCenterModel newCostCenter { get; set; }
        public string costCenter { get; set; }
        [UIHint("UVL/AccountNumber")]
        public AccountNumberModel newAccountNumber { get; set; }
        public string acctNum { get; set; }
        public string subAcctNum { get; set; }
        public string refType { get; set; }
        public string refNum { get; set; }
        public string refSubNum { get; set; }
        public string project { get; set; }
        public string activityID { get; set; }
        public string userDef { get; set; }

    }

}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace ArusUI.Areas.UVL.Models
{
    public class CostCenterListModel
    {
        public List<CostCenterModel> uvlDatalist { get; set; }
    }
    public class CostCenterModel
    {
        public string displayvalue { get; set; }

    }
}