Hi there,

I want a chart similiar to the one attached with this thread. Currently I am using scatter chart for my purpose but it would be great if I could get it colored like the attached screenshot.

Any help would be greatly appreciated.

Hi guys is it possible to add upload control inside subgrid with clientdetailtemplate?because after adding the control the main grid it nolonger loads the data, please see below the code 

Hi i have an task scheduller

And would like to get ID of current task using  CustomEditorTemplate 

@Model.TaskID is always equals to 0

.Editable(editable =>
                  {
                      editable.TemplateName("CustomEditorTemplate");
                  })

 @(Html.Kendo().Scheduler<TaskViewModel>()
                  .Name("schedule")
                  .Date(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day))
                  .StartTime(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 9, 00, 00))
                  .EndTime(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 18, 00, 00))
                  .HtmlAttributes(new {@class = "ra-section"})
                 
                  .Views(views =>
                  {
                      views.DayView(dayView => dayView.Selected(true));
                      views.WeekView();
                      views.MonthView();
                      views.AgendaView();
                  })
                  .Editable(editable =>
                  {
                      editable.TemplateName("CustomEditorTemplate");
                  })
                  .Timezone("Etc/UTC")

                  .DataSource(dataSource => dataSource
                      .Model(m =>
                      {
                          m.Id(f => f.TaskID);
                          m.Field(f => f.Title);
                          m.Field(f => f.Start);
                          m.Field(f => f.End);
                          m.Field(f => f.Description);
                          m.Field(f => f.RecurrenceID);
                          m.Field(f => f.RecurrenceRule);
                          m.Field(f => f.RecurrenceException);
                          m.Field(f => f.IsAllDay);
                          m.Field(f => f.StartTimezone);
                          m.Field(f => f.EndTimezone);
                      })
                      .Events(e => e.Error("error_handler"))
                      .Read("ChargerTous", "TaskScheduler")
                      .Create("Ajouter", "TaskScheduler")
                      .Update("Modifier", "TaskScheduler")
                      .Destroy("Supprimer", "TaskScheduler")
                  )
                  )

And I have a custom editor template

@model Gloe.Web.Website.ViewModel.TaskViewModel
@{
    ViewContext.FormContext = new FormContext();
}

<div data-container-for="grid" class="k-edit-field">

        @(Html.Kendo().Grid<Gloe.Web.Website.ViewModel.TaskScheduler.PrelevementViewModel>()
    .Name("grid")
    .Columns(columns =>
    {

        columns.Bound(p => p.NomPrelevement).ClientTemplate("\\#= productDetails(data) \\#")
          .ClientFooterTemplate("count : \\#=count \\#")
            .ClientGroupFooterTemplate("count : \\#=count \\# ");
        columns.Bound(p => p.ValeurPrelevement).Width(120)
        .ClientFooterTemplate("Sum: \\#=sum\\# ")
            .ClientGroupFooterTemplate("Sum: \\#=sum\\# ");

        columns.Command(command => { command.Edit(); command.Destroy(); }).Width(250);

    })

    .ToolBar(toolbar => toolbar.Create())
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .Events(events => events.Change("onChange").DataBound("onDataBound").DataBinding("onDataBinding"))

    .DataSource(dataSource => dataSource
        .Ajax()
         .Aggregates(aggregates =>
         {
             aggregates.Add(p => p.NomPrelevement).Count();
             aggregates.Add(p => p.ValeurPrelevement).Sum();
         })
        .PageSize(20)

        .Model(model =>
        {
            model.Id(l => l.IdPrelevement);
            model.Field(field => field.IdPrelevement).Editable(false);
            model.Field(field => field.NomPrelevement).Editable(false);
            model.Field(field => field.ValeurPrelevement);
        })
        .Create(update => update.Action("EditingInline_Create", "RapportAnalyse").Data("additionalInfo"))
        .Read(read => read.Action("EditingInline_Read", "RapportAnalyse").Data("GetTaskID"))
        .Update(update => update.Action("EditingInline_Update", "RapportAnalyse"))
        .Destroy(update => update.Action("EditingInline_Destroy", "RapportAnalyse"))
    )
        )
    </div>
</div>

@{
    ViewContext.FormContext = null;
}

Hello I have a page with a listview, when an item is selected, 5 grid are filtered, nested on each grid is a subgrid (in the images attached you could see it better) in this subgrid one column has a combobox, I need that when an item on the listview is selected this combobox rebind the data. But it only happens when the method is called when the page is loaded, even the method is called and executed with out errors the combobox remains with the original data.

Below is the combobox:

And here is the one of the grids:

And the code for populate the catalogo de cuentas:

hi , I have a  pretty simple requirement for doing that I have written the following code.

grid is in paymentviewgrid cshtml which is being called in the index page, below

     function BuGridSaveChange(e)
    {   
        if (manualList.length > 0)
        {
            var isRecordExist = false;
            var totalRecords = manualList;
            for (var i = 0; i <= totalRecords.length - 1; i++)
            {
                if (manualList[i].PoId == e.model.PoId && manualList[i].RCUId == e.model.RCUId && manualList[i].MrrId == e.model.MrrId
                    && manualList[i].BU_Id == e.model.BU_Id
                    && manualList[i].REUId == e.model.REUId)
                {
                    manualList[i].ManualAmountPaid = e.model.ManualAmountPaid;
                    isRecordExist = true;
                }
            }
            if (isRecordExist == false)
            {
                var singleSrObj = new Object();
                singleSrObj.PoId = e.model.PoId;
                singleSrObj.REUId = e.model.REUId;
                singleSrObj.RCUId = e.model.RCUId;
                singleSrObj.MrrId = e.model.MrrId;
                singleSrObj.ManualAmountPaid = e.model.ManualAmountPaid;
                singleSrObj.BU_Id = e.model.BU_Id;
                manualList.push(singleSrObj);
            }
        }
        else
        {
            var singleNewSrObj = new Object();
            singleNewSrObj.PoId = e.model.PoId;
            singleNewSrObj.REUId = e.model.REUId;
            singleNewSrObj.RCUId = e.model.RCUId;
            singleNewSrObj.MrrId = e.model.MrrId;
            singleNewSrObj.ManualAmountPaid = e.model.ManualAmountPaid;
            singleNewSrObj.BU_Id = e.model.BU_Id;
            manualList.push(singleNewSrObj);
        }
    }

    function RequestEnd(e)
    {         
     if (e.response.Errors == null )      
        {
            if ((e.type === "update" )&& e.response.Data.length > 0)
            {
                if (manualList.length > 0)
                {
     
                    var isAmountEntered = false;
     
                    for (var i = 0; i <= manualList.length - 1; i++)
                    {
                        if (manualList[i].ManualAmountPaid != null && manualList[i].ManualAmountPaid >= 0)
                        {
                            isAmountEntered = true;
                        }
                        if (manualList[i].PoId == e.response.Data[0].PoId && manualList[i].RCUId == e.response.Data[0].RCUId && manualList[i].MrrId == e.response.Data[0].MrrId
                            && manualList[i].BU_Id == e.response.Data[0].BU_Id
                            && manualList[i].REUId == e.response.Data[0].REUId)
                        {
                            manualList[i].ManualAmountPaid  = e.response.Data[0].ManualAmountPaid;
                            document.getElementById("approvePaymentButton").disabled = true;
                            document.getElementById("poSummaryPaymentButton").disabled = true;
                        }
                    }
                    if (isAmountEntered == true)
                    {
                        document.getElementById("recreatePaymentButton").disabled = false;
                    }
                    else
                    {
                        document.getElementById("recreatePaymentButton").disabled = true;
                        document.getElementById("approvePaymentButton").disabled = false;
                        document.getElementById("poSummaryPaymentButton").disabled = false;
                    } 
                }
            }
           
        }
        else if (e.response.Errors != null && e.type === "update")
        {       
         document.getElementById("recreatePaymentButton").disabled = true;
        }
    }

the issue is while coding this

I received e.type== "update " and in update function I have written some other businesslogic

and after testing and implementation with no code changes , I started receiving e.type== "create" where I cannot see update atall.

due to this I cannot call the logic that was in update function from controller.

could you please help on this

Lets say i have a grid with three columns A,B and C. Also lets assume the grid is Batch so that mean In-Cell edit. If a user is entering a row and and the user enters the same number in both cells A and B, then I want cell C to have a background color of red.

Basically this is a conditional on edit of two cells and if they meet the condition a third cell's background color is changed. This is not needed during databound because it's a simple batch that will clear the entries once saved some no data binding taking place if that makes sense.

I tired using a clientTemplate but it seems to work only on a new record or during databinding.  If they edit an existing row it needs to perform the check.

Any suggestions appreciated

I would like to send a viewModel selected with edit "Edit" action grid to update this row data in controller side .
I would like then to send back the new version of row data : update Popup and datasource grid.

For now, the ajax post to send the edit row doesn't work fine. The data propertie of ajax call return an javascript Error.

Do you have a suggestion ? Thanks.

View :

JavaScript (ajax call) :

Controller :

Hello,

I am having an issue accessing a field that exists in the model for the clientdetailtemplate it keeps searching the parent grids model and not the clientdetail:

below in the template grid the line columns.Bound(c => c.PurchaseOrder).ClientTemplate("<button class='k-button' onclick=\"showDetails('#=PurchaseOrder#','#=DC#')\">Item Details</button>").Title("Item Details"); fails with "Uncaught ReferenceError: DC is not defined" but i can swith DC in that line to PODateShort and it send that number to the onclick function. so im assuming that #=field# can only reference the main grids model but i need to get the DC from the secondary grid so that i can send that to the onclick and search for all the items in that po for that dc.

Any help would be greatly appreciated.

@(Html.Kendo().Grid<PurchaseOrderResults>()
              .Name("POGrid")
              .Resizable(resize => resize.Columns(true))
              .Reorderable(reorder => reorder.Columns(true))
              .Filterable()
              .HtmlAttributes(new { style = "height:600px;" })
              .Columns(columns =>
              {
                  columns.Bound(c => c.PurchaseOrder);
                  columns.Bound(c => c.PODateShort);
                  columns.Bound(c => c.RequestDateShort);
                  columns.Bound(c => c.ActualShipDateShort);
                  columns.Bound(c => c.ArrivalDateShort);
              })
                .Scrollable()
                .ClientDetailTemplateId("POtemplate")
                .Sortable()
                .Pageable(builder => builder.PageSizes(new[] { 10, 50, 100 }))
                .DataSource(datasource => datasource
                                        .Ajax()
                                        .PageSize(10)
                                        .Read(read => read.Action("GetPOSearch", "PO", new { SiteID = Model.SiteID, PONumbers = Model.PONumbers }))
                                        )
    )
</div>
<script id="POtemplate" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<PurchaseOrderDCResults>()
            .Name("POGrid_#=PurchaseOrder#") // template expression, to be evaluated in the master context
            .Columns(columns =>
            {
                columns.Bound(c => c.PurchaseOrder);
                columns.Bound(c => c.DC);
                columns.Bound(c => c.OrderDollars);
                columns.Bound(c => c.UnitsOrdered);
                columns.Bound(c => c.PurchaseOrder).ClientTemplate("<button class='k-button' onclick=\"showDetails('#=PurchaseOrder#','#=DC#')\">Item Details</button>").Title("Item Details");
            })
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(10)
                .Read(read => read.Action("GetPODCSearch", "PurchaseOrder", new { SiteID = Model.SiteID, PONumber = "#=PurchaseOrder#" }))
            )
            .Pageable(builder => builder.PageSizes(new[] { 10, 50, 100 }))
            .Sortable()
            .ToClientTemplate()
    )
</script>

Hello,

I am having some trouble using custom callbacks for PasteCleanup, Deserialization or Serialization. Whatever input string I give as the custom callback, be it a function name or declaration, just gets double quoted in the editor configuration javascript that is generated and is then seemly ignored. Unlike how setting an event callback works.

How do I setup an editor to use these features?

Sample code:

Using that above code Html.Kendo().Editor() is generating the following javascript when it executes:

Note how onDeserialization is double quoted where onChange is not.

Using R2 2016 SP2 (2016.2.714) with MVC4.

Thank you