I am trying to set up a cascading drop down list using the resources of a scheduler.

The drop down lists work fine, but when i try to declare the parent/child cascade using the 'cascadeFrom' the cascade does not work at all.

Here is my code:

<div id="resourcesContainer">
</div>

<script>
    jQuery(function () {
        var container = jQuery("#resourcesContainer");
        var resources = jQuery("#scheduler").data("kendoScheduler").resources;
        for (var resource = 0; resource < resources.length; resource++)
        {
            jQuery(kendo.format('<div class="k-edit-label"><label for="{0}">{1}</label></div>', resources[resource].name, resources[resource].title)).appendTo(container);
            var divID = resources[resource].name + "kdd";
            var labcont = jQuery(kendo.format('<div id="{0}" class="k-edit-field"></div>', divID)).appendTo(container);

            if (resources[resource].name !== "LocationRoom") {
                jQuery(kendo.format('<select data-bind="value: {0}">', resources[resource].field))
                        .appendTo(labcont)
                        .width(300)
                        .kendoDropDownList({
                            filter: "contains",
                            dataTextField: resources[resource].dataTextField,
                            dataValueField: resources[resource].dataValueField,
                            dataSource: resources[resource].dataSource,
                            valuePrimitive: resources[resource].valuePrimitive,
                            optionLabel: "Select...",
                            template: kendo.format('<span class="k-scheduler-mark" style="background-color:\#= data.{0}?{0}:"none" \#"></span>\#={1}\#', resources[resource].dataColorField, resources[resource].dataTextField)
                        });
            }
            else if(resources[resource].name === "LocationRoom")
            {
                jQuery(kendo.format('<select data-bind="value: {0}">', resources[resource].field))
                       .appendTo(labcont)
                       .width(300)
                       .kendoDropDownList({
                           autoBind: false,
                           cascadeFrom: "Locationkdd",
                           optionLabel: "Select location first...",
                           dataTextField: resources[resource].dataTextField,
                           dataValueField: resources[resource].dataValueField,
                           dataSource: resources[resource].dataSource,
                           valuePrimitive: resources[resource].valuePrimitive,
                           template: kendo.format('<span class="k-scheduler-mark" style="background-color:\#= data.{0}?{0}:"none" \#"></span>\#={1}\#', resources[resource].dataColorField, resources[resource].dataTextField)
                       });
            }
        }
    });
</script>

HOWEVER, if i change jQuery(kendo.format('<select data-bind="value: {0}">', resources[resource].field)).appendTo(labcont).Width(300)..... to jQuery("#" + divID).Width(300).... it works, but obviously the MVVM binding is completely lost.

Any ideas?

All the series are being plotted, but for whatever reason the legend does not display. Just wonder if there is any obvious reason why that might be

Thanks

Hi, 

I need to create an online tool for designing database ER diagrams using Kendo UI. I know that TelerikUI for WPF has a Diagram component with an example for creating Tableshapes (or ER Diagram).  Is there any such example for KendoUI?

Thanks

Greetings, Is there a way to easily move the "show all day" / "show business hours" out of the footer and into the header next to the view selector list? I tried moving it with jQuery, but it loses its functionality at that point:

It would be great to be able to move the button without having to recreate the functionality myself. Thanks in advance for any help!

Rafe

I've a grid with scrollable: {virtual: true}. I insert a new row on top of the grid, using either .addRow() or grid.dataSource.insert(0, {});

Then I try to scroll the grid, I saw some error in the console saying:

Here is a dojo example: http://dojo.telerik.com/UCiXA/2

I think this error will cause some other issues. In this dojo, we can see that the values on the footer(i.e. 21 - 40 of 77 items) is not updating correctly. In my product, it will cause some paging issue, I will see the page size jumping for 10 to 5 while scrolling, and sometime performance issue that will cause slow repose.

Hi Telerik Team,

I have a grid using Ajax for data like so

And my Action in Controller 

And the Model for the request

However, the Action is unable to recognize the List of string and it takes the type System.Collections.Generic.List`1[System.String] as value instead. If I stringify the object Model.FromSerialNo, it will be too long to be in the query string, however the payload data of the post request has already been occupied by DataSourceRequest (with info like sort, page, etc.). Is there anyway to work around this issue?

Thanks,

Hery.

Hello,

The "Edit this example" dojo sample from the ButtonGroup doesn't work because the wrong style sheet is linked. It's currently kendo.bootstrap.min.css but should be kendo.bootstrap.mobile.min.css

Cheers

Jae Soon

Is it possible to add comments to cells so that when you highlight the cell it displays the comment? This feature exists in excel as follows:

https://support.office.com/en-us/article/Add-a-comment-bdcc9f5d-38e2-45b4-9a92-0b2b5c7bf6f8

Thank you.