I am using grid to display some xml data.  When I use groupable and drag a column header to the group drop site, the 'loading' image stays up and the IE F12 Console shows the message

    SCRIPT5007: Unable to get value of the property 'STORES': object is null or undefined
    kendo.all.min.js, line 11 character 28938

Sample page and data is at devenezia-dot-com/kendo

Hi,

I have the next html

<select name="month" data-role="dropdownlist" data-text-field="text" data-value-field="value" data-bind="source: months, value: selectedMonth, event: { change: changeListener }" required validationMessage="Please select {0}"></select>

Unfortunatelly this doesn't take the listener, I also tried

<select name="month" data-role="dropdownlist" data-text-field="text" data-value-field="value" data-bind="source: months, value: selectedMonth, change: changeListener" required validationMessage="Please select {0}"></select>
with same results: no listener is triggered.


Am I doing something wrong?

Thanks in advance,

I'm trying to add multiple pie chart on one page, it seems that there is a height on the div that holds the pie chart, I can't reduce the that height for some reason, I tried inspecting that element and it gives me a tag like <path="fill" stroke-height etc..

is there a way I could achieve this?
image attached for demo

Thanks

Quite randomly I will get a bar graph that renders all the bars inverted so that they show up going from the x axis down and not up. (see attached)  The same data is being passed to it every single time and I really see no rhyme or reason to when it decides to render incorrectly.  Have you see this occur before?  The chart is a stacked bar chart.  

Hi,

I want to make a passord/confirmation custom validation, how can I access the viewModel?

Is this possible? How?


Thanks!

Hi there

We are interested with this KendoUI especially integrating with .NET app. Is there any sample for this?

Thanks

how can I reduce the height between the title and the pie chart, if I use <div id="chart" style="width">... it does reduce the size of the chart which is good but the height be height between the title and the pie chart still remains the same.

Hello.  I'm looking for performance optimizations in my web application which uses kendoUI.  Which of these approaches would you expect to be faster?

Approach 1:
Build a large DOM tree full of <ul> and <.li> elements, representing a kendo treeview.  When all DOM elements are constructed, call .kendoTreeView(); so that each set of DOM elements is converted to a treeview.

Approach 2:
Build a large JSON structure representing kendo treeview data.  Initialize the kendotreeview in the page by calling .kendoTreeView() and then insert the data into the tree by calling the append function

Or is there another even better way than either of these approaches?

I've copied and pasted the onSeriesClick function and it doesn't seem to be working for some reason,

<script type="text/javascript">
            function createChart() {
                $("#chart").kendoChart({
                    theme: $(document).data("kendoSkin") || "default",
                    title: {
                        text: "Project Management"
                    },
                    legend: {
                        position: "bottom"
                    },
                    seriesDefaults: {
                        labels: {
                            template: "#= kendo.format('{0:P}', percentage)#",
                            visible: true
                        }
                    },
                    series: [{
                        type: "pie",
                        data: [{
                            category: "Quality",
                            value: 80
                        }, {
                            category: "Time",
                            value: 80
                        }, {
                            category: "Cost",
                            value: 80
                        }]
                    }],
                    tooltip: {
                        visible: true,
                        template: "#= kendo.format('{0:P}', percentage)#"
                    }
                });
            }


            $(document).ready(function () {
                setTimeout(function () {
                    // Initialize the chart with a delay to make sure
                    // the initial animation is visible
                    createChart();


                    $("#example").bind("kendo:skinChange", function (e) {
                        createChart();
                    });
                }, 400);


                $(".configuration").bind("change", refresh);
            });


            function refresh() {
                var chart = $("#chart").data("kendoChart"),
                        pieSeries = chart.options.series[0],
                        labels = $("#labels").prop("checked"),
                        alignInputs = $("input[name='alignType']"),
                        alignLabels = alignInputs.filter(":checked").val();


                chart.options.transitions = false;
                pieSeries.labels.visible = labels;
                pieSeries.labels.align = alignLabels;


                alignInputs.attr("disabled", !labels);


                chart.refresh();
            }
           
            function onSeriesClick(e) {
                alert("Clicked value: " + e.value);
            }
        </script>

Hello!
The red focus of edited cell cannot disappear after saving successfully.
Does anyone have the same problem？