Hello,
I have pivot grid control and I'm trying to display several charts according to this pivot.
when the data is expanded the charts present correct data but when I start collapsing the columns the data in the charts starts freaking out and some of the data is missing and the other one is incorrect or displaying duplicated values.
I have tried the solutions proposed in the following thread:  but seems like it still doesn't work. 
any idea?
Please see the code below. 
functionloadPivotWWvsBoard() {    $("#divPivot").html("");    $("#divConfigurator").html("");    var collapsed = {        columns: [],        rows: []    };    /*define the data source*/var DataSource;    jQuery.ajaxSetup({        async: false    });    $.get("/Report/GetDeliveredReportJSON", { fromWW: $("#FromWW").val(), toWW: $("#ToWW").val() }).done(function (data) {        DataSource = data;    })    var dataSource = new kendo.data.PivotDataSource({        data: DataSource        , type: "xmla"        , schema: {            model: {                fields: {                    "Project": {                        type: "string"                    }                    , Board: {                        type: "string"                    }                    , WW: {                        type: "string"                    }                    , "ApproveDate": {                        field: "ApproveDate"                        , type: "date"                    }                    , ReceiverName: {                        field: "ReceiverName"                    }                    , RequestorName: {                        field: "RequestorName"                    }                    , ApprovingManager: {                        field: "ApprovingManager"                    }                    , PartTrans: {                        field: "PartTrans"                    }                    , SerialNumber: {                        field: "SerialNumber"                    }                    , OpeningDate: {                        field: "OpeningDate"                    }                    , DeliveredDate: {                        field: "DeliveredDate"                    }                    , ApprovalType: {                        field: "ApprovalType"                    }                    , DateDifference: {                        field: "DateDifference"                    }                    , ReportType: {                        field: "ReportType"                    }                    , BusinessLine: {                        field: "BusinessLine"                    }                    , Branch: {                        field: "Branch"                    }                    , ManagerType: {                        field: "ManagerType"                    }                    , CostCenter: {                        field: "CostCenter"                    }                    , SapOrder: {                        field: "SapOrder"                    }                ,                }            }            , cube: {                dimensions: {                    "Project": {                        caption: "Project"                    }                    , Board: {                        caption: "Board"                    }                    , WW: {                        caption: "WW"                    }                    , "ApproveDate": {                        caption: "Approve Date"                    }                }                , measures: {                    "Delivered Quantity": {                        field: "SerialNumber"                        , aggregate: "count"                    }                }            }        }        , columns: [{            name: "Project", expand: true        },        {            name: "Board", expand: true        }]        , rows: [{            name: "WW"        }]        , measures: ["Delivered Quantity"]    });    dataSource.filter(loadFiltersForGrid(false))    dataSource.fetch(function () {        console.log("data source created successfuly", dataSource);    });    /*define the pivot*/var pivotgrid = $("#divPivot")        .kendoPivotGrid({            filterable: true,            sortable: true,            collapseMember: function (e) {                var axis = collapsed[e.axis];                var path = e.path[0];                if (axis.indexOf(path) === -1) {                    axis.push(path);                }            },            expandMember: function (e) {                var axis = collapsed[e.axis];                var index = axis.indexOf(e.path[0]);                if (index !== -1) {                    axis.splice(index, 1);                }            },            dataSource: dataSource            , dataBound: function () {                this.dataSource.expandColumn(["Project", "Board"]);                this.dataSource.expandColumn(["Project"]);                this.dataSource.expandRow(["WW"]);                // this.dataSource.filter(filters);                initChart(convertData(this.dataSource, collapsed, "Project"));                initChart2(convertData(this.dataSource, collapsed, "Board"));            }        })        .data("kendoPivotGrid");    /*define the chart*/functioninitChart(data) {        $("#divChart1").kendoChart({            dataSource: {                data: data,                group: "column"            },            title: {                text: "Delivered quantity by project"            },            legend: {                position: "top"            },            seriesDefaults: {                type: "bar"            },            series: [{                type: "column",                field: "measure",            }],            categoryAxis: {                field: "row"                , padding: {                    top: 135                }                 , majorGridLines: {                     visible: true                 }            },            valueAxis: {               majorGridLines: {                    visible: true                }            },            tooltip: {                visible: true,                format: "{0}",                template: "#= series.name #: #= value #"            },            dataBound: function (e) {                // e.sender.options.categoryAxis.categories.sort()            }        });    }    functioninitChart2(data) {        $("#divChart2").kendoChart({            dataSource: {                data: data,                group: "column"            },            title: {                text: "Delivered quantity by board"            },            legend: {                position: "top"            },            seriesDefaults: {                type: "bar"            },            series: [{                type: "column",                field: "measure",            }],            categoryAxis: {                field: "row"                , padding: {                    top: 135                }                 , majorGridLines: {                     visible: true                 }            },            valueAxis: {                 majorGridLines: {                    visible: true                }            },            tooltip: {                visible: true,                format: "{0}",                template: "#= series.name #: #= value #"            },            dataBound: function (e) {                // e.sender.options.categoryAxis.categories.sort()            }        });    }}functionflattenTree(tuples) {    tuples = tuples.slice();    var result = [];    var tuple = tuples.shift();    var idx, length, spliceIndex, children, member;    while (tuple) {        //required for multiple measuresif (tuple.dataIndex !== undefined) {            result.push(tuple);        }        spliceIndex = 0;        for (idx = 0, length = tuple.members.length; idx < length; idx++) {            member = tuple.members[idx];            children = member.children;            if (member.measure) {                [].splice.apply(tuples, [0, 0].concat(children));            } else {                [].splice.apply(tuples, [spliceIndex, 0].concat(children));            }            spliceIndex += children.length;        }        tuple = tuples.shift();    }    return result;}functionisCollapsed(tuple, collapsed) {    var name = tuple.members[0].parentName;    for (var idx = 0, length = collapsed.length; idx < length; idx++) {        if (collapsed[idx] === name) {            console.log(name);            returntrue;        }    }    returnfalse;}functionconvertData(dataSource, collapsed, type) {    var columnTuples = flattenTree(dataSource.axes().columns.tuples || [], collapsed.columns);    var rowTuples = flattenTree(dataSource.axes().rows.tuples || [], collapsed.rows);    var data = dataSource.data();    var rowTuple, columnTuple;    var idx = 0;    var result = [];    var columnsLength = columnTuples.length;    for (var i = 0; i < rowTuples.length; i++) {        rowTuple = rowTuples[i];        if (!isCollapsed(rowTuple, collapsed.rows)) {            for (var j = 0; j < columnsLength; j++) {                columnTuple = columnTuples[j];                if (!isCollapsed(columnTuple, collapsed.columns)) {                    if (idx > columnsLength && idx % columnsLength !== 0) {                        var memebrtype;                        if (type == "Board") {                            memebrtype = 1                        } else {                            memebrtype = 0                        }                        var columninfo =  GetChildren(columnTuple.members[memebrtype], type);                        if (columninfo) {                            result.push({                                measure: Number(data[idx].value),                                column: columninfo,                                row: rowTuple.members[0].caption                            });                        }                                           }                }                idx += 1;            }        }    }    return result;}functionGetChildren(parent, type) {    var result = undefined;    if (parent.hasChildren || result != undefined) {        for (var i = 0; i < parent.children.length; i++) {            result = GetChildren(parent.children[i], type);        }    } else {        result = parent.caption;    }    if (result == type) {        result = undefined;    }    return result;}
Hi all
I am trying to load some remote data (web api) to combobox at fiddler i can see that the data return but the widget does not showing anything.
var dataSource = new kendo.data.DataSource({
                transport: {
                        read: {
                            dataType: "jsonp",
                            url: `My URL`,
                            data: {
                                name: "product"
                            }
                        }
                    }
            });
            $("#crmAttributes").kendoComboBox({
                dataTextField: "DisplayName",
                dataValueField: "Myvalue",
                dataSource: dataSource.read()
            }).data("kendoComboBox").open();
I am working on rtl...
thanks for your help :)
We have a lot of Kendo grids with boolean columns in our application - but in ALL of them, we have suddenly found that this column won't update on editing (see attached images before and after clicking on the row's update button).
This is a high priority issue for us!

<script type="text/javascript">    var CustomAgenda = kendo.ui.AgendaView.extend({        endDate: function () {            var date = kendo.ui.AgendaView.fn.endDate.call(this);            return kendo.date.addDays(date, 30);        }    });    kendo.ui.Scheduler.fn.options.views = [{ type: "CustomAgenda", title: "My View" }];</script>@(Html.Kendo().Scheduler<Gusto.Web.Models.Scheduler.TaskViewModel>()    .Name("scheduler")Hi,
I am currently working on a sample , where a user can drag and drop shapes from a panel to diagram.I can find a shape using bounds() , when user drops on it.
But i couldn't do the same for a connection.
My intention is just to find a connection from diagram and modify it..(When user drag and drop a new shape on a particular connection)
Find the sample which i am working on now
http://dojo.telerik.com/IHuzA/7
Please update how to find a connection, when user drops a shape on it ?

Hello. How can I access the progressStatus field when using MVVM? Dojo: http://dojo.telerik.com/uzawo.
Thank you.
Hi,
i have problems with a json-based create method. Read is called and everything is displayed fine. But adding items does not trigger the create url. I tried adding new items wit id=0 or null or completely empty. But it is not working? What do I miss?
<script id="noDataTemplate" type="text/x-kendo-tmpl"> <div> No data found. Do you want to add new item - '#: instance.input.val() #' ? </div> <br /> <button class="k-button" onclick="addNew('#: instance.element[0].id #', '#: instance.input.val() #')">Add new item</button> </script><script> function addNew(widgetId, value) { var widget = $("#" + widgetId).getKendoMultiSelect(); var dataSource = widget.dataSource; dataSource.add({ name : value }); dataSource.sync(); } </script><script> $(document) .ready( function() { $("#title").kendoDropDownList(); $("#sex").kendoDropDownList(); var dataSource = new kendo.data.DataSource( { batch: true, transport : { read : { url : "http://XXX/tags?objectType=user", dataType : "json" }, create : { url : "http://XXX/tag/createForUser", dataType : "json", type: "POST" }, parameterMap : function(data, type) { if (type !== "read") { // send the created data items as the "models" service parameter encoded in JSON return { models : kendo .stringify(data.models) }; } } }, schema: { model: { id: "id", fields: { name: { type: "string" } } } } }); $("#tags").kendoMultiSelect( { filter : "startswith", dataTextField : "name", dataValueField : "id", dataSource : dataSource, noDataTemplate : $( "#noDataTemplate").html() }); /* $("#tags") .data("kendoMultiSelect") .value( /*[]*/ //[]); }); </script>

We recently encountered an interesting problem with the Scheduler.
Our current usage of the Scheduler has a month and day view. We currently support three statues per day for items scheduled i.e. (Booked, Open, Canceled). We would like to sort by Day the status in the following order, (Booked, Open, Canceled). So a sort was implemented at the database level to return the collection with each day's scheduled items in the order listed above.
The results in Chrome are not correct in the Month view when looking at a week at a time days which should have scheduled items sorted are not sorted as described above. However if you select just the Day View the scheduled items are sorted correctly. What makes the issue even more interesting is that if the same control is rendered in IE everything displays properly. 
We have tried sorting at the client side and server side and each time the datasource is sorted properly but then renders improperly. 
I did some further research on this issue and found the following forum posts:
http://www.telerik.com/forums/datasource-sort()-behavior-inconsistent-across-browsers
http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/sorting/stable-sort-chrome
Is there any work around to get the sorting results within the scheduler to sort properly in Chrome?
Hi,
I'm trying to make a indoor map viewer by using Kendo UI Map. The only problem is that the map is a single image and cannot be split into tiles. Is there any way to use a single non-tiled image for the map?
I have an issue with a theme I generated using the current ThemeBuilder tool at http://demos.telerik.com/kendo-ui/themebuilder/ . Here is what I did (please let me know if I did something wrong, as I did have to figure some steps out; the documentation is not as complete as I would have hoped).
Please follow those steps and see if you see the same issue. I would attach my files, but it would require all the folders and copies of the image files, and you already have all that. It's easier for you to just follow the steps and then you can verify the process on your end.
Thank you,
Chris
