I have somehow managed to make a load on demand treeview with kendo.
However I have found an issue while I was developing it. I'm making use of the function append (which calls to _insertNode), in this function (_insertNode) you are setting by default "expanded: true" to the groupData.
This works ok (though we do not need the node to be expanded if we're trying to load on demand) in firefox and chrome, however in IE9 after collapsing and expanding a second depth level (though to other people may happen on any other level) the child items are shown behind the other n-1 level items, using css language:

n-1 level items -> z-index: 999 (not real just to let you understand it)
n level item -> z-index: 1

Setting it to false "expanded: false" fixes it anyway.

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>