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,

Hi,

Is there any issue with kendo scheduler if I use a version of jquery bigger then 1.2.4 ?

I’m using kendo scheduler, with
Jquery 2.2.0 min
Angular v1.4.7
Kendo v2016.3.914

And I follow this example from:
http://demos.telerik.com/kendo-ui/scheduler/angular

Into my project, the scheduler is mess up and look badly:
This is version with height specify: (see p1)
Same version but with no height set:  (see p2)
If I use on same enviroment but, a version of jquery 1.2.3  (or 1.2.4) it is display correctly:(see p3)
When I inspect the difference between those 2 versions of jquery(2.2.0 vs 1.2.3), I got this: (see p4)

It seems that the “tr” is put into a wrong part.

Hi! I'm trying out Kendo UI cause the company where I work is intending to purchase it, but...

On my trial tests I can see Kendo UI has a big memory problem, and that will be decisive to buy it or not.

As you can see on the image attached, as soon as the web application starts Kendo UI is using 450MB+ of memory use!

I removed Kendo UI references and files from the test application and the memory problem vanished.

So, this confirms that the problem is occurring with Kendo UI.

If I have more than one web application (I tried with three test applications) each of them starts immediatly with 450MB+ of memory.

What should I do so Kendo UI uses less memory?

For me this is a HUGE problem.

What can you guys say about it?

You will find three images attached.

1) Showing the immediate memory usage on task manager;

2) The Kendo references on my project;

3) The Kendo files I'm using on my project bundles.

Hi,

I need to validate that one or more checkboxes have been checked in a group. I read some other relative threads about that in this forum but I can't find my way with the responses. I was thinking it was something close to the way we do with radio-buttons, so I just replaced type=radio with type=checkbox in the following dojo example: http://dojo.telerik.com/uHEto

It seems that kendo.validate() does not pass on input type=checkbox (except when already checked !) and it appears to be an issue to me.

Note that I want to make this checkboxes' validation with kendo validator, not on an event like onsubmit for instance.

thank you for your help