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？

Hi,

ComboBox seems to not work well in Q1'12 beta version.

Consider the following trivial code:


The result in combobox is always : [object Object] instead ItemN.

Best regards
Yvan

I'm using a column template to display my StatusTypes array.  It works fine, but when I use the "create" toolbar to add a row, the column template isn't displayed.  Once I hit "save", then it shows, but I would like it to appear right when the user clicks "create".

 

Hi there, I am new to kendoui, but I really like the way kendoui can show native feels on android, blackberry and ios devices.

I am trying to follow the sushi demo apps. But looking at the code, I notice that the checkout button doesn't do any actual server call. Unlike the menu who actually use a read transport. So, I am trying to do my practice by continuing upon the sushi demo. I have setup my rails server to response to /menus and give back array of menu json object. And I also create a separate url for order /orders. My Idea is to use order as a wrapper of menus so generally order json object will look like so:
{ id: "1", date: "today", menu: {...../*menu json object here*/} } 

But I am having trouble to make this works. So I created two data source for this:
one for /menus and the other one for /orders

        var ds = kendo.data.DataSource.create({
            schema: schema,
            transport: { read: { url: "menus", dataType: "json" } },
            group: "category",
            error: function() { console.log(arguments); }
        });

        var cartDataSource = kendo.data.DataSource.create({
            //data: [], 
            schema: schema2,
            transport: { create: { url: "orders", type: "POST" },  read: { url: "orders", dataType: "json" }},
            aggregate: [{ field: "menu.price", aggregate: "sum" }]
        });
Any idea on what do I do wrong?

Thank you in advance,
Fajar

how I can change the language filter and grouping area in the grid? 

Hello,
I would like to know, how can we create the Data like this http://demos.kendoui.com/service/Products  using PHP. 

We are unable to configure this http://demos.kendoui.com/web/grid/editing.html  with the help of PHP. 

Please provide me the suitable help for using this with PHP. 

Thanks 

Pritpal

I'm trying to do a remove on my grid's dataSource, so the first thing I try to do is to get the model I want to remove:

var toRemove = grid.data("kendoGrid").dataSource.get(deleteId);

This is causing an error:

"Uncaught TypeError: Cannot call method 'get' of undefined" (references kendo.all.js:4735)

What's puzzling about this is that grid.data("kendoGrid").dataSource isn't undefined and I can successfully call filter on it. Am I missing something here when using .get()?

Validations are not firing if first column in the grid is readonly field for the newly added row.
My code will look like below.

var testModel = { id: "Id", 
 fields:{
 Id: {editable: false, type: "number", defaultValue: -1, validation: { required: true} }, 
 FirstName: {editable: true, defaultValue: "", validation: { required: true} }
}

 Case 1:
Grid Columns: First column(FirstName) is editable
$("#grd").kendoGrid({ editable: true, toolbar: [
{ name: "create", text: "Add New Record" }, { name: "save", text: "Save Changes" }, { name: "cancel", text: "Cancel Changes" } 
 ],
columns:[{field: "FirstName",width: 300,title: "First Name"} ]);

 Step 1: Click on the "Add New Record" button.
Step2: Click on the "Save Changes" button with out entering required fields.
Validations are firing for First Name which is working fine in this case.

Case 2:
Grid Columns: First column(Id) is non editable 
$("#grd").kendoGrid({editable:true, toolbar: [
{ name: "create", text: "Add New Record" }, { name: "save", text: "Save Changes" }, { name: "cancel", text: "Cancel Changes" } 
 ],
columns:[{field: "Id",width: 50,title: "Id"}, {field: "FirstName",width: 300,title: "First Name"} ]);

Step 1: Click on the "Add New Record" button.
Step2: Click on the "Save Changes" button with out entering required fields.
Validations are not firing for First Name.

If first column is editable and user clicks on 'Add New Record' focus is going is editable column and validations are firing if try to save.
If first column is non editable and user clicks on 'Add New Record' then focus is going on readonly column and validations are not firing if try to save. Here grid is saving the data even validations are failed.

Please suggest me how to handle the above scenario.

Hi,

I'm using a kendo grid and I want to alter the JavaScript structure before doing the http call.My datasource type is odata.
The problem is as soon as I add the parameterMap the odata $filter, $skip, $top is no longer sent and formatted to odata.
I want to override this for the update operation only.
The example does that but there is no filter implemented (http://demos.kendoui.com/web/grid/editing.html) and therefore it is an incomplete example
.
parameterMap: function(options) {
alert(options.filter.filters[0])
}
I have access to the filters but how can I put back the standard behavior along with my custom needs.
I know there is a toOdataFilter function being used to convert these but struggling how to keep the standard odata support and adding my custom needs.

Anyone has already faced this issue and figure out how to handle this?
Thanks.