I'm trying to get some editor templates in child grids.  They work fine in the parent grid but when I try to add them to the child grid, the .ToClientTemplate() returns invalid Template format.  Not sure what else to do. Thnx


Here's the code :
(Parent grid):
@(Html.Kendo().Grid<PDT.Dashboard.Models.CategoryVM>()
                    .Name("CategoryGrid")
                    .HtmlAttributes(new { @class = "expandable-rows grid-within-grid" })
                    .Editable(editable => { editable.Mode(GridEditMode.InLine); editable.DisplayDeleteConfirmation(false); })
                    .Columns(columns =>
                    {
                        columns.Bound(a => a.CategoryIconId)
                            .Title("Icon")
                            .ClientTemplate("<span class='icon30 gray-icon notes-icon-#= CategoryIconId #'></span>")
                            .EditorTemplateName("EditCategoryIcon")
                        columns.Bound(a => a.CategoryName)
                            .EditorTemplateName("EditCategoryName");
                        columns.Bound(a => a.IsDeleted)
                            .Title("Active")
                            .ClientTemplate("<span> #= IsDeleted ? 'Active' : 'Inactive' #</span>")
                        columns.Bound(a => a.SortOrder)
                            .EditorTemplateName("EditSortOrder")
                        columns.Command(command => { command.Edit().HtmlAttributes(new { title = "Edit" }); }).Width(55);
                    })
                    .Sortable()
                    .Pageable(p => p.PageSizes(new[] { 10, 20, 50, 100 }))
                    .ClientDetailTemplateId("AdminSubCategoryTemplate")
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .PageSize(20)
                        .Read(read => read.Action("GetCategories", "Permissions"))
                        .Create(create => create.Action("AddCategory", "Permissions"))
                        .Update(update => update.Action("UpdateCategory", "Permissions"))
                        .Model(model => { model.Id(m => m.CategoryId);  })
                                    .Sort(s => { s.Add(m => m.SortOrder).Ascending(); })
                        .Events(e =>
                        {
                            e.Error("categoryErrorHandler");
                        })
                    ))






​ @(Html.Kendo().Grid<PDT.Dashboard.Models.SubCategoryVM>()
        .Name("grid_#=CategoryId#")
        .Editable(editable => { editable.Mode(GridEditMode.InLine); editable.DisplayDeleteConfirmation(false); })
        .ToolBar(tb => tb.Create())
        .Columns(columns =>
        {
            columns.Bound(a => a.SubCategoryName)
                            .EditorTemplateName("EditSubCategoryName");
            columns.Bound(a => a.IsDeleted)
                .Title("Active")
                .ClientTemplate("<span> \\#= IsDeleted ? 'Active' : 'Inactive' \\#</span>")
            columns.Bound(a => a.SortOrder).Width(100);
            columns.Command(command => { command.Edit(); }).Width(70);
        })
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(5)
            .Read(read => read.Action("GetSubCategories", "Permissions", new { categoryId = "#=CategoryId#" }))
            .Create(create => create.Action("AddSubCategory", "Permissions", new { parentCategoryId = "#=CategoryId#" }))
            .Update(update => update.Action("UpdateSubCategory", "Permissions"))
            .Model(model =>
            {
                model.Id(m => m.SubCategoryId);
                model.Field(m => m.CategoryId).Editable(false);
            })
            .Sort(s => { s.Add(m => m.SortOrder).Ascending(); })
            .Events(e =>
            {
                e.Error("subcategoryErrorHandler");
            })
        )
        .Pageable()
        .Sortable()
        .ToClientTemplate()
    )


EditCategoryName.cshtml:

<span class="k-widget k-numerictextbox" >
<span class="k-numeric-wrap k-state-default k-expand-padding">
        <input class="k-input text-box single-line" id="CategoryName" name="CategoryName" type="text" value="" data-bind="value:CategoryName">
    </span>
</span>






EditSubCategoryName.cshtml:
<span class="k-widget k-numerictextbox" >
<span class="k-numeric-wrap k-state-default k-expand-padding">
        <input class="k-input text-box single-line" id="SubCategoryName" name="SubCategoryName" type="text" value="" data-bind="value:SubCategoryName">
    </span>
</span>

I'm migrating a project based on the telerik MVC extensions, over to Kendo, and I'm having problems with an edit form.

It's based on a custom object, which uses data annotations for validation, on a couple of decimal fields:-

When a record is inserted, the regular expression validation error message is shown, even though the data entered meets the criteria. The only way to get the form to work is to comment out the regular expression rule. The range validation works fine.

This code worked perfectly using the old MVC extensions grid and pop-up edit form. How can I get this to work using the Kendo grid?

I'm migrating an application from the old Telerik Mvc controls to the latest UI for ASP.NET MVC wrappers.

I have a bunch of unit tests that validated the controller actions that the grid calls for data.  A simple example would be:


Now that I have replaced the grids and I'm passing a DataSourceRequest instead, I don't suppose there's a similarly handy function that can replace the GridCommand.Parse statement?

Cheers,
Nick

Hi,

When i add or edit one grid and at the same time try to edit another grid, its  foreign key is not showing its template. I need to know how to get a id unique for my editor template. Now I show you the secene


I have two views, in the first view I call to the second view



In the second view I have next sentence:




The grid on the second view:


The template "GetWasteByServeis" needs something to be unique:



In this thread I find information relationed.
http://www.telerik.com/forums/grid-foreign-key-field-sometime-shows-textbox



Thanks in advance.


Xavier.

Hi,

How can i add combobox to some cell in the Edit mode? Is there example for this?

Hi,I'm trying to define individual business hours for the scheduler. The scheduler only uses a single start/end time for each work day. I want to define start/end times for each day specifically (ie. Monday has different times than Tuesday). 
Eg: 
Sunday working hours @ 10:00 to 12:00 
Monday working hours @ 9:00 to 16:00 
Tuesday working hours @ 10:00 to 18:00 
Wednesday working hours@ 06:00 to 12:00 
Thursday working hours @ 08:00 to 14:00 
Friday working hours @ 11:00 to 12:00 
Saturday working hours @ 11:30 to 13:00Can anyone resolve my problem.Thanks in advance

I have a model with ID and and array of values, I need each of the array value to be displayed in separate column in kendo grid and all this should be editable fields.

public int Id { get; set; }
public double[] List { get; set; }

I have tried the following way however it display all values in one cell.


@model IEnumerable<HoursModel>

<div id="PlanningGrid">
    @(Html.Kendo().Grid(Model)
          .Name("Grid")
          .Columns(columns =>
          {
             //// columns.AutoGenerate(true);
              
              columns.Bound(c => c.Id).HeaderHtmlAttributes(new {@class = "grid-header-cell"}).HtmlAttributes(new {@class = "grid-row-cell planningoverview-grid-cell1"});

              columns.Bound(p => p.List).ClientTemplate("#=generateTemplate(HoursList)#");
              //// columns.Bound(m => m.EmployeeId).ClientTemplate("# for (var i=0;i<4;increment(i)) { console.log(i) } #");
              
          })
          .Sortable())
    
</div>

<script type="text/javascript">
    function generateTemplate(Wetness) {
        var template = "<ul>";
        for (var i = 0; i < Wetness.length; i++) {
            template = template + "<li>" + Wetness[i] + "</li>";
        }
        return template + "</ul>";
    }
 
</script>

I want to have the dropdown default select a value.  I have the value is in a ViewData.  How can I access this from javascript?

@(Html.Kendo().DropDownList()
                       .Name("locationCode")
                       .HtmlAttributes(new { style = "width:200px" })
                       .DataValueField("Code")
                       .DataTextField("Name")
                       .DataSource(source =>
                                    {
                                        source.Read(read =>
                                        {
                                            read.Action("GetUserGlobalDimensions", "RequestPONumber");
                                        });
                                    }

                                  )
                        .Events(e => { e.DataBound("onLocationDataBound"); })

In js file:
function onLocationDataBound() {
    this.value('ViewData["defaultLocationValue"]');
}

Thanks in advance.

Hi,

I am trying to export a form created with kendo panel. See the first attach file.
So, it's work very well but each input field are empty. Maybe because i user razor components like this:

@Html.TextBoxFor(m => m.CNom, new { @placeholder = "Nom", @class = "form-control form-decouverte form-nom ChampsObligatoire" })

I attach the pdf file for showing you the results.

So i you have an idea about this prolem.

Thanks,

Ludovic

Hi,

I'm trying to implement the Kendo Editor in an application i'm working on. I'm trying to use the editor to allow the user to insert an image with text around it. I have attempted 2 different methods and neither are acceptable.

I can't find any tool/option for wrapping the text around the image. E.g. i want an image on the right and text on the left.

I can insert a table and put the image in the right column and text in the left column but i am unable to drag the table column to size around the image. At the moment it just appears to remain at 50%.

Any help is much appreciated.

Thanks

Anthony