Clicking on the legend item hides/shows series on a line graph. 

Is it possible to bind to this event and execute my code? There are an example of hover over events, but I can't find any other example.

Thanks!

Hi folks,

You might experience an issue with missing or malformed Unlink and PDF toolbar tools with version 2016.3.914 of Kendo UI Editor.

The Problem
The issue could be observed on the following demos:

• Basic Usage demo - Click on any link to show the Unlink tool on the toolbar
• PDF Export demo - Switch to material skin

and is also logged with Medium severity here.
Here is how the PDF icon looks when the problem happens:

The Workround

A possible partial workaround is to add the following to the page styles:

Example: http://jsfiddle.net/rqqw5v7x/

How does one grab just the data within the "Customers:" array from JSON?

Abridged version of what comes from http://northwind.servicestack.net/customers.json :

Brand new to the KendoUI grid tool. Some of the other developers on my team have this working, but they are building the datasource and grid as variables and then using jQuery to associate these values to the grid. I'm trying to learn the basics and build it in JSP from scratch. I think I've more or less duplicated their grid settings. The problem I'm having is that when setting "data : data" in the schema, the grid doesn't popup at all. If I take that line out, the grid shows up but no data gets populated in the grid. 

I was hoping someone can look over this code and tell me where I'm going wrong. At the least, what does it mean when the grid doesn't popup at all when setting "data : data"?

<div id="tableGrid">
<div id="grid"></div>
   <script>
var dataSource = new kendo.data.DataSource({
transport : {
read : {
type : "POST",
contentType: "application/json",
                       url: "/This URL should work because it works elsewhere"
},
parameterMap : function(options, operation) {
return JSON.stringify(options);
}
},
schema : {
data : data,
type : "json",
model : {
fields : {
Field1: { type: "number"}
}
}
},
serverFiltering : true,
serverGrouping : true,
serverSorting : true,
serverPaging : true,
pageSize : 10
});

alert(JSON.stringify(dataSource));

$("#grid").kendoGrid({
 dataSource: dataSource,
 pageable: true,
});
</script>
   
</div>

Could some one let me know what is the right way to use it?

Thank you.

Hi,

I have a requirement to group the columns (Like multicolumn headers--> http://demos.telerik.com/kendo-ui/grid/multicolumnheaders ) in a Tree List (for treelist using --> http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist#configuration-messages.commands).

I tried it but not able to. Any idea on how can we achieve this?

Thanks!

Hi,

I have just installed Kendo UI 2016.3.914 and grid excel export stopped working.

If you try in Dojo the first example available on your documentation http://docs.telerik.com/kendo-ui/controls/data-management/grid/excel-export it doesn't work

It looks like an "undefined" check is missing.

Did I do something wrong? There is a fix available or a workaroung available?

Thanks in advance,

Emanuele

Hi,

I have an issue where I can drag and move an event within the same group no problem but if I move an event from one resource group to another then it moves the event to the correct time but stays on the group it was already on, doesn't move it to the group I dragged it. Any ideas?

I have no custom code in the move event.

$('#allocation-schedule').kendoScheduler({
                date: new Date(),
                eventHeight: 40,
                start: new Date(),
                editable: {
                    confirmation: "Are you sure you want to deallocate this section?",
                    resize: true,
                    template: $('#customEditorTemplate').html()
                },
                views: [
                    { type: "timeline" },
                    { type: "timelineWeek" },
                    { type: "timelineMonth", majorTick: 1440, start: new Date(), selected: true }
                ],
                workWeekStart: 1,
                workWeekEnd: 5,
                dataSource: dataSource,
                dataBound: function (e) {
                    //create drop area from current View
                    createDropArea(this);

                    var view = this.view();
                    var events = this.dataSource.view();

                    for (var i = 0, event; event = events[i++];) {
                        var el = view.element.find("[data-uid=" + event.uid + "]");
                        if (event.ScheduleType > 0) {
                            el.css('background-color', '#8b90fd').css('border-color', '#8b90fd');
                        } else {
                            if (event.DueDate) {
                                var dateEnd = new Date(event.end),
                                    dateDue = new Date(event.DueDate);

                                if (dateEnd.getTime() > dateDue.getTime()) {
                                    el.css('background-color', '#ee4e4d').css('border-color', '#ee4e4d');
                                } else {
                                    var day = 24 * 60 * 60 * 1000;
                                    var diff = (dateDue.getTime() - dateEnd.getTime()) / day;
                                    if (diff <= 2) {
                                        el.css('background-color', '#eeac4d').css('border-color', '#eeac4d');
                                    }
                                }
                            }
                        }
                    }

                    var view = this.view();
                },
                allDaySlot: true,
                timezone: "Etc/UTC",
                group: {
                    resources: ["Users"],
                    orientation: "vertical"
                },
                resources: [
                    {
                        field: "id",
                        name: "Users",
                        dataSource: users,
                        title: "User"
                    }
                ],
                resizeEnd: function (e) {
                   
                },
                save: function (e) {
                   
                },
                remove: function (e) {
                   
                },
                moveEnd: function (e) {
                    
                }
            });

Thanks,