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!

Hi, 

Is it possible to highlight (set background colour of) a specific date regardless of the view the user is looking at?

I've tried to combine Set Slot Background Color Using Slot Templates and views.dayTemplate however I havent been very successful.

Note that Im trying to set the background colour of a day NOT the colour of an event.

Thanks and Kind Regards, 
Grant