I have been wrestling with this all day. I can't get it to work. The only thing I get when I do the example using a datepicker is a an empty textbox.

Does anyone have any advice? I'm using VS2010 and did the common install and used Telerik MVC 3 to create the project. 

Greetings,
After spending a great deal of time trying to get this to work, I finally found a simple solution. Call the tree.append and pass the new item and current node as a jquery object.


here is a simple sample on jsfiddle... http://jsfiddle.net/jldoubleu/BSUFs/1/

Also, the sample code.

Enjoy...

Hey.. I wanna ask about serverPaging. I use it to do server side paging on my grid. I've set the pageSize to 10 and serverPaging to true in datasource object. I've also set pageable to true in my grid. But when i click the page (below the grid), it always select all the data and display all of them..

If i remove serverPaging(set to false), the paging is working but on client side only. In server side, it select all the data..

I use ASP.NET MVC 3 with SQL Server 2008.. Please Help me.. I'll give screenshot of the code and firebug.

Please help me.. Thanks and regards...!!! ^_^

Hi Kendo Mobile,

I am developing a food menu application, kendo mobile design and work is good on apple iphone and android emulator but when running on TAB like samsung galaxy tab then design is not good and that is very bad look, tabstrip breaking on screen.
what can i do for this problem?
i want my applicatio support to android and iphone both.

thanks

I am trying to figure out how to wire up the json values that are being returned from an mvc submit requested by a button to the datasource of a line plot. I have verified the data is being returned as a json array of objects[] with the scema {string seriesname, double[] xvalues, double[] yvalues}.  However, my call to createPlot(..) is only drawing the basic line plot WITHOUT my data.  Firebug is not reporting any errors and I confirmed the "plotdata" returned in the OnSuccess(..) method contains my json data.

Maybe I'm just being stupid or showing that I am inexperienced but I am hoping someone can point me in the right direction.

Thank you!
Marcus

    <script type="text/javascript">
        function OnSuccess(plotdata) {
            var localDataSource = new kendo.data.DataSource({
                data: plotdata,
                transport: {
                        read: {
                            url: ('@Url.Action("PlotData")'),
                            dataType: "json"
                        }
                    }
                });
            createPlot(localDataSource);
        }
        function createPlot(plotdata) {
            $("#myplot").kendoChart({
                theme: $(document).data("kendoSkin") || "default",
                seriesDefaults: {
                    type: "line"
                },
                dataSource: plotdata,
                series: [{
                    field: "yvalues"
                }],
                categoryAxis: {
                    field: "xvalues"
                },
            });
        }
    </script>

I'm a bit stumped as to what I may have missed in my code. I know that data is being returned from the web service, there are no errors setting the dataSource and the dataBound event fires, and yet I see no columns on the chart. If I hard code series data then it renders OK. Can anyone spot anything that's incorrect?

This is the Json data being returned ...

{
    "d": [
        {
            "location": " Garden (AUS)",
            "amount": "4661"
        },
        {
            "location": "Suites ",
            "amount": "1768"
        },
        {
            "location": "Marriot",
            "amount": "2292"
        },
        {
            "location": "Santa Rosa",
            "amount": "1616"
        },
        {
            "location": "W",
            "amount": "275"
        }
    ]
}

<script type="text/javascript">
 
                $(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);
 
                });
 
                function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "black",
                        dataSource: {
                            schema: {
                                data: "d",
                                model: {
                                    fields: {
                                        location: { type: "string" },
                                        amount: { type: "number" }
 
                                    }
                                }
                            },
 
                            transport: {
                                read: {
                                    type: "POST",
                                    url: "../WebServices/DashboardService.asmx/YTDRevenueByLocation?format=json",
                                    contentType: "application/json; charset=utf-8",
                                    data: {},
                                    dataType: "json"
                                }
                                
                            },
                            error: function (e) {
                                alert("Error fetching data from server");
                            },
                            change: function (e) {
                                //alert(data);
                            },
                            requestStart: function (e) {
                                // alert("Request Start");
                            }
                        },
                        title: {
                            text: "YTD Revenue By Location"
                        },
                        legend: {
                            position: "bottom"
                        },
                        seriesDefaults: {
                            type: "column"
                        },
                        series: [
					{ name: "Totals", field: "amount" }
					],
                        categoryAxis: {
                            field: "location",
                            labels: {
                                rotation: -90
                            }
                        },
                        valueAxis: {
                            labels: {
                                format: "${0}"
                            },
                            majorUnit: 2000
                        },
                        tooltip: {
                            visible: true,
                            format: "${0}"
                        },
                        dataBound: function onDataBound(e) {
                            alert("Data is bound");
                        }
 
                    });
                }
 
 
 
 
    </script>

How can you add a treeview as a panel item using MVC wrappers?

@(Html.Kendo.PanelBar().Name("something").Items(panels => { panels.Add().Text(""). Content(Html.Kendo.TreeView())}

I want to add a default series of line to my graph, then add another scatter series to the same graph. Is this possible?

I have a couple of views, the first one has some items, like, for example - a select box. The 2nd has a listview that displays options. When the user clicks on an item in the listview, I want to load some data and put it in the items of the first view, and I then go to the 1st view with a navigate() function. So far, so good - it all works well, but sometimes, after the navigate - I get the select options (via the standard android select options selection popup) - as if the event of clicking on the listview item propagated to the new view I just navigated to.

How do I stop this behavior after the listview item was clicked?

Hi Kendo Team,

I am trying to hide the vertical gridlines (default light gray colored) in the Chart control but it is not working. It does work for majorGridLines though and I cannot find something similar for the vertical gridlines. Is this possible?

Thanks