Hi Telerik team,

Durring integration of KendoUI ComboBox control to our solution we faced following problem: we have hidden div that slides from left side of the screen based on click on container and occupies half of the screen. Also this slider is hides when user clicks on any elements that located outside this div.
Problem with KendoUI ComboBox is that it appends to the end of the body elements. So our logic sees that it's outer element and closes slider tab when user tries to select item from combobox.
As far as we can see there is no option to control where is Combobox is rendered their list. And also we cannon prevent bubbling in close handler, because it does't have Event.

What can we do to prevent closing slider tab when selecting item in KendoUI ComboBox?

Regards,

1) Navigatable does not work.

In the attached demo I have batch editing turned on.

Pressing enter to go off edit mode does not allow you to navigate the grid with the keyboard.
 
Reproducible on the following web page: http://demos.kendoui.com/web/grid/editing.html

Also reproducible in the attached test file. Also reproducible in the latest internal build (509)

I have provided two screencasts. You can repeat this process by clicking in "Chai", then hitting enter, then pressing the down key. In the ie8 screencast the grid is not being navigated. In the chrome screencast, the grid is navigable.

Hello all,

If I add the regular JQuery libraries needed for the dialog box all hell breaks loose with kendo jquery errors.   Is there any examples for MVC to prompt a delete confirmation box for YES / NO and on YES the submit form action would be called?   I can't seem to find any good 'common' examples of functionality in some cases.

Thanks all

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