I get an "Invalid or unexpected token" error in the console when attempting to bind a datasource with any column that starts with a number or contains some non-standard characters (e.g., 360_Comment or Interview_&_Notes). Is there a fix forthcoming or a workaround I can do in the code without writing every cell value out myself?

Hi,

I'm trying to reuse the same data from the datasource in on 3 different places on the webpage without recalling the web api.

I'm trying to get this piece of code to work, but without success.
Anyone sees what i'm doing wrong here?

I'm trying to add a filter where i a column should equal a value.

I was wondering how to insert a row above the first row of the spreadsheet when binding to a datasource. I can achieve the desired result by specifying the cells I want by looping through the datasource and specifying the cell values dynamically, but this slows everything down considerably.

Hi Guys,

I'm exploring the kendo grid persisting of state feature, whereby on a user column re-ordering i would save state and re-load it on next page load, so that basically a user can choose to customize the order of columns.

All fine and dandy till here, except the grid has cell javascript template defined as kendo javascript blocks, and when calling setOptions method the grid state is loaded but the cell templates are not applied.

Tried a few options but could not make this thing work out of the box. Would like to know if this is a known limitation or bug??

* Here is sample code of what im trying to acomplish  http://dojo.telerik.com/ifoWA/5

Cheers!

So through a bunch of trial and error yesterday I made the determination that the Name method is apparently required.  If the TreeListCustomCommandBuilder.Name method isn't used, the data is simply not displayed.  

There are no clues that this field is required for the TreeList to function correctly and the API, found on page http://docs.telerik.com/kendo-ui/api/aspnet-mvc/Kendo.Mvc.UI.Fluent/TreeListColumnCommandBuilder, doesn't indicate this at all.  

 Since debugging the MVC razor implementation is a pain, it would be helpful if the documentation would be corrected to indicate that it is required and if an exception would be thrown when that method isn't called.

Thanks. 

Hello,

I followed this example of updating aggregates on change:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/update-aggregates-on-change

However there is a problem with frozen (locked) columns as shown in this dojo:

http://dojo.telerik.com/oLutu

Note that upon change, ".k-footer-template" is replaced with a "normal" footer i.e. the footer that would be normally displayed if the columns were not locked. The effect is that the cells move to the left.

Is there a way to generate only the footer inside the ".k-grid-footer-wrap" without the locked cells?

Also it appears that method "footerTempalte" in the Grid object is not documented anywhere in the JavaScript api (http://docs.telerik.com/kendo-ui/api/javascript/ui/grid)

Using a Kendo grid with 3 columns, I have an event that fires when the first column is changed that makes an ajax call and returns some data, I want to update the second column with the data returned but I'm not having any luck and I'm not sure if this is the correct approach.  The only examples I've seen only show changing another column with client side data, not data returned from the server.  Here's what I have so far:

        $("#manualStatsGrid").kendoGrid({
            dataSource: this.GetManualStatisticsDataSource(),
            sortable: true,
            pageable: false,
            filterable: true,
            toolbar: ["create"],
            editable: "inline",
            messages: {
                commands: {
                    create: "Add New Statistic"
                }
            },
            edit: function (e) {
                var _this = _manualStats;
                var input = e.container.find(".k-input");

                var value = input.val();                

                input.keyup(function(){
                    value = input.val();
                });                

                $("[name='Statistic']", e.container).blur(function(){
                    var input = $(this);
                    $("#log").html(input.attr('name') + " blurred " + value);
                    
                    //valid the GL account number
                    $.ajax({
                        type: "GET",
                        url: _this.ValidateGlUrl,
                        dataType: 'json',
                        data: { glNumber: value },
                        success: function (response) {
                            var newDescription = response.Data.description;
                            console.log(newDescription);
                            //change description column here?
                        },
                        error: function (response) {
                            console.log(response);
                        }
                    });


                });
            },
            columns: [
                { field: "Statistic" },
                { field: "Description" },
                { field: "Instructions" },
                { command: ["edit", "destroy"], title: " ", width: "250px"}
            ]            
        });
    }

    this.GetManualStatisticsDataSource = function () {
        var _this = _manualStats;
        var dataSource = {
            type: "json",
            transport: {
                read: {
                    type: "POST",
                    url: _this.GetManualStatisticsUrl,
                    dataType: "json"
                },
                update: {
                    type: "POST",
                    url: _this.UpdateManualStatisticsUrl,
                    dataType: "json"
                },
                create: {
                    type: "POST",
                    url: _this.CreateManualStatisticsUrl,
                    dataType: "json"
                },
                destroy: {
                    type: "POST",
                    url: _this.DeleteManualStatisticsUrl,
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    id: "Statistic",
                    fields: {                        
                        Statistic: {
                            type: "string",
                            editable: true,
                            validation: { required: true, pattern: "[0-9]{5}.[0-9]{3}", validationmessage: "Please use the following format: #####.###" }
                        },
                        Description: { editable: false },
                        Instructions: { type: "string", editable: true }
                    }
                }
            }
            //change: function (e) {
            //    if (e.action === "itemchange" && e.field === "Statistic") {                    
            //        var statistic = e.items[0].Statistic;

            //        $.ajax({
            //            url: this.ValidateGlUrl,
            //            data: { statistic: statistic },
            //            async: true,
            //            cache: false,
            //            contentType: "application/json; charset=utf-8",
            //            type: "GET",
            //            success: function (result) {
            //                debugger;
            //                console.log(result);
            //                var model = e.items[0],
            //                    type = model.Type,
            //                    currentValue = "new description";
            //                model.Description = currentValue;
            //                $("#manualStatsGrid").find("tr[data-uid='" + model.uid + "'] td:eq(1)").text(currentValue);
            //            },
            //            error: function (xhr) {
            //                console.log(xhr.error);
            //            }
            //        });
            //    }
            //}
        }
        return dataSource;
    };

hi!

do you plan to fully support the Material Design "features"?

I really like the textbox effect where the placeholder transitions into the label when you enter some text.. it seems that this feature isn't included in Kendo UI.

There are many more things that do not look like the "original Material Design".

Thank you!