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

I have a web page using a Kendo grid.  It was working fine with the full js file.  But to save space, I removed that file and added in the dependencies manually.  I used the documentation here: http://www.kendoui.com/documentation/javascript-dependencies.aspx.

The documentation appears incorrect.  I am not doing any editing nor sorting nor filtering.  I ended up with the following:

<script src="scripts/kendo.core.min.js"></script>
<script src="scripts/kendo.data.min.js"></script>
<script src="scripts/kendo.grid.min.js"></script>
<script src="scripts/kendo.pager.min.js"></script>
<script src="scripts/kendo.selectable.min.js"></script>

I received an error about resizing so I then included the following (incorrect docs?):

<script src="scripts/kendo.resizable.min.js"></script>

Now I just receive the error "undefined is not a function" from this last file.

Sorry if this is a duplicate, there does not appear to be a search function for the Kendo forums. 

How can I translate the boolean strings true / false to another lamguages like spanish Verdadero / Falso, or replacing for other strings like active / inactive?. I need to do this in the Kendo grid when editing boolean values.