Hello,

We are facing serious problems using Kendo UI Grid with IE 10. For example, when scrolling down, select a row
at the end, the Grid 'jumps' back to first row.
This is very anoying for the user, because the selected row leaves the visible area.

This behaviour does not occur in FF or Chrome.

Many thanks in advance Thomas

More details in attached images.

I have a model with the [Required] attribute applied to several properties.  When I use a pop-up editor from my grid if I Update a record, the Grid DataSource's Create and Update methods are called without any validation occurring.

Model Example:

public class SessionMain
{
[Required]
public string Title { get; set; }

[Display(Description = "Auction")]
[Required]
public long AuctionID { get; set; }

[Display(Description = "Increment Set")]
[Required]
public long IncrementSetID { get; set; }

[Display(Description = "Venue")]
[Required]
public long VenueID { get; set; }

[Display(Description = "Ringman Lane")]
[Required]
public long RingmanLaneID { get; set; }
}

Grid declaration:

@(Html.Kendo().Grid<Spectrum.Model.SessionMain>()
.Name("sessionGrid")
.HtmlAttributes(new { style = "height: 500px" })
.AutoBind(true)
.Columns(columns =>
{
columns.Bound(c => c.ID).Groupable(false);
columns.Bound(c => c.Title).Groupable(false);
  columns.Bound(c => c.VenueID).Groupable(true);
columns.Command(command => { command.Edit(); command.Destroy(); }).Width(200);
}
)
.Editable(editable => editable
.Mode(GridEditMode.PopUp)
.TemplateName("SessionPopUp")
.Window(window => {
window.Title("Session");
window.Name("sessionWindow");
window.Modal(true);
window.Resizable();
window.Width(960);
}))
.Pageable(pageable => pageable
.Enabled(true)
.PageSizes(new int[3] { 10, 25, 50 })
.Refresh(true))
.Sortable()
.Scrollable()
.Selectable()
.DataSource(datasource => datasource
.Ajax()
.Model(model => model.Id(s => s.ID))
.Events(events => events.Error("gridError"))
.Create(cfg => cfg.Action("GridCreate", "Session").Data("getAuctionID"))
.Read(cfg => cfg.Action("GridRead", "Session").Data("getAuctionID"))
.Update(cfg => cfg.Action("GridUpdate", "Session"))
.Destroy(cfg => cfg.Action("GridDestroy", "Session"))
.ServerOperation(false))
.Events(ev => ev.Change("setGridChange"))
)

Popup Declaration (file in \Shared\EditorTemplates named "SessionPopUp.cshtml"):

@model Spectrum.Model.SessionMain@Html.ValidationSummary(true)
@Html.HiddenFor(model => model.ID)<table>
    <tr>
        <td>@Html.LabelFor(model => model.Title)</td>
        <td>
            @Html.TextBoxFor(model => model.Title, new { @class = "k-textbox" })
            @Html.ValidationMessageFor(model => model.Title)
        </td>
        <td>@Html.LabelFor(model => model.SessionType, "Session Type")</td>
        <td>
            @(Html.Kendo().DropDownListFor(model => model.SessionType)
                .Name("sessionTypeDropDown")
                .Items(items => {
                    items.Add().Text("Live").Value("1");
                    items.Add().Text("Internet").Value("2");
                })
                .OptionLabel("Select Session Type...")
            )
            @Html.ValidationMessageFor(model => model.SessionType)
        </td>
    </tr>
    <tr>
        <td>@Html.LabelFor(model => model.IncrementSetID, "Increment Set")</td>
        <td>
            @(Html.Kendo().DropDownListFor(model => model.IncrementSetID)
            .DataTextField("Title") //Specifies which property of the Product to be used by the combobox as a text.
            .DataValueField("ID") //Specifies which property of the Product to be used by the combobox as a value.
            .DataSource(source => source
            .Read(read => read.Action("List", "IncrementSet"))
                )
            .OptionLabel("Select Increment Set...")
            )
            @Html.ValidationMessageFor(model => model.IncrementSetID)
        </td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>
            @Html.LabelFor(model => model.VenueID, "Venue")
        </td>
        <td>
            @(Html.Kendo().DropDownListFor(model => model.VenueID)
            .DataTextField("Title") //Specifies which property of the Product to be used by the combobox as a text.
            .DataValueField("ID") //Specifies which property of the Product to be used by the combobox as a value.
            .DataSource(source => source
                .Read(read => read.Action("GetVenuesList", "Venue"))
                )
            .OptionLabel("Select Venue...")
            )
            @Html.ValidationMessageFor(model => model.VenueID)
        </td>
    </tr>
</table>

Hello to all,

we are using check box column in Kendo Grid. The problem is, that the user has to click twice to
edit check box (click once to activate edit mode, wait, then change the value) . This is cumbersome and annoying for our users.

Ist there a possibility (example), implementing CheckBox in Grid, using a single click to change value ?

Many thanks
Thomas

Hi,

DataSourceRequest ‘Sorts’ parameter (‘Filters’ and ‘Groups’
too) are null in my MVC action. Other parameters (‘PageSize’, for example) bind
properly.

If I use MVC wrapper for Kendo Grid everything works
perfectly, but I need to connect grid’s data source with MVC action without
wrapper. Is it possible?

JS libraries bundle:
jquery.min.js
kendo.all.min.js
kendo.aspnetmvc.min.js

Grid example:
$('#cars').kendoGrid({
            pageable: true,
            sortable: true,
            dataSource: new kendo.data.DataSource({
                serverPaging: true,
                serverSorting: true,
                schema: { data: "Data", total: "Total" },
                transport: {
                    read: {
                        url: '@Url.Action("GetCars")',
                        contentType: "application/json; charset=utf-8",
                        type: "POST"
                    },
                    parameterMap: function (options) {
                        return JSON.stringify({ request: options }); 
                    }
                }
            })
        });

HTTP request:
{"request":{"sort":[{"field":"Name","dir":"desc"}]}}

MVC action:
[HttpPost]
public JsonResult GetCars([DataSourceRequest]DataSourceRequest request)
{
     ..............
}

 Thanks!

Hi,

I'm new to the Kendo UI stuff, so please forgive me if this is an easy one; I've been trying to find some documentation that might tell me what I'm doing wrong, but nothing so far.

I have a grid with (ATM) nine rows in it. I need to make this grid pageable. I followed this example to do so (http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/custom-binding) with the only deviations being that I set my page size to five (since I only have nine rows) and I didn't do the sorting part since I'm not using that right now. I did not do that part beginning with "Custom AJAX Binding" because it didn't seem relevant to the rest of the example.

Here's what I've got:

Controller method:

and the declaration of the grid on my CSHTML page:


On my page I have the paging controls showing up on my grid, but it shows there only being one page "bubble" and a message saying "1-5 of 5 items" None of the forward/back arrows are enabled.

I'm kind of stumped here; I've been trying to find some documentation or blog post that shows me where I went wrong, but so far nothing. So, what am I doing wrong here?

Hi,

I'll be using Kendo UI for ASP.NET MVC in portions of a website.  What would be a valid copyright message to put in the about box?

Thanks

I created a new MVC project in visual Studio 2012, using the telerik KendoUI for MVC Web Application template (after installing the 2013.1.319 release)  I then set up some grids and sparkline charts.

These have worked, but when I set up an editable grid, I've encountered issues

• The buttons for edit / update / cancel have the text underlined, like hyperlinks - which hasn't happened in other kendo projects I've created.
• Clicking the update button, the controller saves the change, but the web page doesn't close the edit, (both using inline and the pop-up editors).
• If I make the primary key field read-only, the value is not posted back to the controller, even though it's specified as the ModelID.

I have put the page and controller code in an older project (v2012.2.913) and the first two issues disappear.

The grid definition is:-

The object meta data is defined as:-

The controller is:-

 

I've attached a screenshot of the grid buttons.

Thanks

There is a breaking change with the new version of jQuery which affects the Kendo Q1 2013 version 2013.1.319

Since the empty result returned from the server in case everything is executed properly on the server side for the update and destroy requests, the error event of the dataSource is triggered because the empty result is not valid JSON.

The suggested resolutions when using the MVC Extensions are:

• Use the Latest Internal Build version 2013.1.327
• Change the response of the Update/Destroy actions from just serializing the ModelState to:
  
  return Json(ModelState.IsValid ? new object(): ModelState.ToDataSourceResult());
  
  

Hi Guys,

I'm using VS2010 with MVC 3 before. The grouping of the grid before is working as expected using this codes.

@(Html.Telerik().Grid<MyModelHere>()
        .Name("MyGridNameHere")
        .Columns(columns =>
                 {
                     columns.Bound(o => o.DueDateShortString).Width(75).Title(Html.Talent().GlobalTextResource("DueDate").ToString());               
                     columns.Bound(o => o.LearningCurriculumLabel).Hidden().ClientGroupHeaderTemplate("<div class='gridHeaderLabelGroup headerStandardGroup'><#= Key #></div>");
                 })
    .EnableCustomBinding(true)
    .DataBinding(dataBinding => dataBinding.Ajax().Select("RequiredTrainingGrid", "LearningManagement", new {id = Model.PersonID}).Enabled(true))
    .Sortable(sorting => sorting.SortMode(GridSortMode.SingleColumn).OrderBy(x => x.Add("DueDateShortString")))
    .Groupable(grouping => grouping.Groups(groups =>
           {
                groups.Add(o => o.LearningCurriculumLabel);
            }).Visible(false))
    .Pageable(paging => paging.Enabled(true).PageSize(5))
     )



But after migrating to VS2012 MVC 2012. This code is not working anymore.

Need your help on this guys.



Alvin

Hi Guys,

I have a Kendo grid which contain Detail ClientTemplate where
I have Save and cancel button inside Ajax.BeginForm.

When i save data in page 50 it is redirecting me to page 1 after saving but i need to stay in same
page 50 and do refresh.

Is there any solution????

Thanks in advance