Hello we have one grid with group by column as in below code.
 
 @(Html.Kendo().Grid<Xyz>()
     .Name("OwnerGrid")
     .Columns(columns =>
     {
                columns.Bound(p => p.OwnerName).Hidden().ClientGroupHeaderTemplate("#= value #").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });      
        columns.Bound(p => p.ShortDescription).Width("20%").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });
         columns.Bound(p => p.Description).Width("30%").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });
         columns.Bound(p => p.Status).Width("15%").HeaderHtmlAttributes(new { style = "text-align:left;" }).HtmlAttributes(new { style = "text-align:left;" });
         columns.Bound(p => p.Date).Width("10%").Format("{0:MM/dd/yyyy}").HeaderHtmlAttributes(new { style = "text-align:right;" }).HtmlAttributes(new { style = "text-align:right;" });
     })
  .DataSource(dataSource => dataSource
         .Ajax()
  .ServerOperation(false)
         .Read(read => read.Action("GetData", "Home"))
        
        .Group(groups =>
         {
             groups.Add(p => p.OwnerName);
         })
 
So here we have Group by with "OwnerName".  Our requirement is when we sort by "ShortDescription" it should first sort by "OwnerName" and then by "ShortDescription".  I know its possble by custom binding at server side - i took help from below article http://demos.telerik.com/aspnet-mvc/razor/grid/custombinding
 
But is it possible at client side? can we avoid server side trip? as .ServerOperation(false) works for normal grid.

I am creating a web application where there are several kendo dropdownlists which update their items in concert with each other: ei. each dropdownlist has a change handler which updates the content of the others (kind of like an advanced cascade, but where all the dropdowns have initial values, and selecting one filters the items of all the others).

This is the code for rendering a dropdownlist server side (using the MVC wrappers):

@(Html.Kendo().DropDownListFor(model => model.MakeId)
    .OptionLabel("Any")
    .DataTextField("Value")
    .DataValueField("Key")
    .DataSource(source => source.Read(read => read.Action("GetMakes", "Criteria").Data("getCriteria")))
    .Events(e => e.Change("criteriaChange"))
)

In the criteriaChange javascript method, I simply "read" the datasources of all the dropdownlists:

        function criteriaChange() {
            $('#MakeId').data('kendoDropDownList').dataSource.read();
            $('#ModelId').data('kendoDropDownList').dataSource.read();
            $('#ServiceId').data('kendoDropDownList').dataSource.read();
            ...
        }

On initial page load everyting is ok, the dropdownlists all show "Any", and when I open the lists, the "Any" option is actually selected (surrounded with an orange border).
When I change one of the dropdownlists, the data of all the others is reloaded, and the "Any" option is still shown, but when I open one of the dropdowns, the "Any" option isn't surrounded with the orange border anymore.

This seems like a bug maybe? Or I am missing something? I tried to add a "refresh()" call after the "read()" call, but that doesn't change anything.

This is just a minor estethic problem, but it would be nice if I could find a solution for it.

Hello!
I'd like like to be able to specify during runtime  what columns grid would have.  Is this functionality available in 2013 Q1?

More scenario details:
  user checks in multiselect countries he is interested in (USA, Germany, Australia) and grid is created with 3 columns for corresponding country :
                          USA     Germany   Australia
          Metric1     2              32             12
          Metric2    15             10             11
 Then user also selects Japan and it's added as column #4 to the grid

Hello Support:

I'm trying to reference DataSource through RequireJS under Durandal, and I'm having issues.  As you may know (since Kendo UI is promoted as being compatible with Durandal on the Durandal website), Durandal uses AMD and accesses modules relative to a baseURL specified on a data-main attribute.

I know now that Kendo UI supports RequireJS, so that simply referencing "kendo.grid.min", for example, in a list of RequireJS dependencies injects the kendo.grid.

Two questions:

1. How do I reference DataSource?  I assumed the pattern would be kendo.datasource.min, but it isn't;
2. Is there a way to get to DataSource on the CDN?  I would prefer to shim to the CDN than adjust the baseURL to point to the root.

I basically want to know if I can extend the Editor to include a Print functionality via a button in the toolbar.

Edit: I will be using HTML helper of the Kendo Editor

Thx,
Aaron

Anyone else have this happen?

Adding kendo.all.* in my BundleConfig.cs throws a javascript error every time (only for IE browser):

Microsoft JScript runtime error: Unable to get value of the property 'msie': object is null or undefined

I'm using IE9.  The debugger highlights this code inside the kendo.all.min.js file:

D=e.browser.msie&&8>parseFloat(e.browser.version)?function(e){return e.offsetTop}:function(t){return t.offsetTop-e(t).height()}

I'm using jQuery 1.9.1 and my bundleconfig class has the below code (I've put all css first, but the js files order is correct per Kendo documentation)

This is in reference to the documentation at http://docs.kendoui.com/getting-started/framework/spa/router.

It indicates that "/items" is valid for the route "/items/*suffix" but it does not match because there is no trailing slash. If I use a route of "/items*suffix" instead it works.

Perhaps you can correct the documentation, so that it isn't misleading.

Thanks,
Gary

My app sets up several routes and then starts the router. I have a scenario now in which I'm loading additional code on demand, which requires its own routes. I need the new routes to be inserted at the beginning of the route collection because they handle more specific cases than what was added initially.

I got it working using the following code:
Is this the recommended approach?

Thanks,
Gary

I'm not sure where to post bug information. Please let me know if it should go somewhere other than here.

In 2013 Q1's builds (and at least the current latest internal build as well as the previous) kendo core references the wrong jQuery instance. Using the latest internal build as reference (build 506):

• Line 2790 uses jQuery.each instead of $.each
• Line 2794 uses jQuery.event.special instead of $.event.special
• Line 2806 uses !jQuery.contains instead of !$.contains

My code below does not populate the fields in the grid. I get an empty grid with headers only.
Fiddler shows that the read is executed and returning results. Any ideas?
$("#pageresultGrid").kendoGrid({
            dataSource: {
                type: "odata",
                schema: {
                    model: {
                        fields: {
                            DRG: { type: "string" },
                            DRGDescription: { type: "string" },
                        }
                    },

                    errors: function (response) {
                        return response.errors;
                    },
                    data: function (response) {
                        return response["value"];
                    }
                },
                transport: {
                    read: {
                        url: ksWebApiSearchUrl,
                        dataType: "jsonp"
                    }
                }
            },

            pageable: {
                numeric: true,

                refresh: true,

                pageSize: 5,

                previousNext: true,

                input: false,

                info: false,
                messages: {
                    display: "Viewing {0} - {1} of {2}",
                    empty: "No items to display",
                    page: "Page",
                    of: "of {0}",
                    itemsPerPage: "items per page",
                    first: "Go to the first page",
                    previous: "Go to the previous page",
                    next: "Go to the next page",
                    last: "Go to the last page",
                    refresh: "Refresh"
                }
            },
            sortable: true,
            columns: [
            {
                headerTemplate: '<input type="checkbox" id="checkAll">',
                template: '<input type="checkbox" value="1" id="results-select-row1"><label class="visuallyhidden" for="results-select-row1">Select Row</label>',
                width: 40
            },
            {
                field: "DRG",
                headerAttributes: {
                    "class": "ks-gridheader"
                },
                template: '<a href="javascript:GetTabDetail(#=DRG#)">#=DRG#</a>',
                width: 60,
                title: "DRG"
            },
            {
                field: "DRGDescription",
                headerAttributes: {
                    "class": "ks-gridheader"
                },
                width: 130,
                title: "DRG Description"
            }
            ]
        });