Hello,

I have an issue here with the method 

http://dojo.telerik.com/@bbogdanov/ejUrA/3 here the method is doing what i'm expecting it to do,but 

when i copy past the same code in Visual Studio 2013 in ASP.NET MVC 5 (C#)  project and run it, the method is doing something really strange : http://prntscr.com/a7sqo0

Hi,

When I call the grid's cancelChanges() function, the page will jump so that the top of the grid matches the top of the screen. This blocks out my header area which is located at the top of my page. Is there a way to prevent the screen from shifting on cancelChanges? This happens with refresh() as well.

We have intergrated grid in our page but have one problem
We have some static div and grid without inner scroll,

<div>

<grid without scroll>
both the header div and table are scrolled by global scroll

The problem can be illustrated here (see attachement)
http://demos.telerik.com/kendo-ui/grid/editing

Why global scroll changes position after entering or adding value in grid?
Our operator edits and adds many values a day, we want global page scroll to stay in same position

What are workarounds?

Hi,

i created a layout using flex as you can see in

http://dojo.telerik.com/AqUge/8

than i fil first panel with a kenfo-editor, i hope to stretch vertically along panel height, but the editor overflow panel height and passing over, hide part of the big panel on the bottom.... where the mistake?

Thanks a lot

I would like to use Kendo Scheduler like a booking calendar. Client restriction check from this sampleRestrictions in http://demos.telerik.com/aspnet-mvc/scheduler/restriction is nice but I need do the same on the server. Problems are repeating events because write this by myself is too much complicated.

Does it exists some services in Kendo ASP.NET MVC?

I guess I need a better understanding on what is going on when an editor is used within a Kendo UI Grid.  I am trying to add a multiselect to a grid as an editor.  Ultimately, I would like to be able to click the cell with the data to be edited ( a list of "tags" ) and show a multiselect editor to edit those tags.  Then when the user leaves that cell or clicks a save button the cell would update and return to a list of tags hiding the Multiselect control.

Grid is set to inline editing while I perfect the editing mechanism before moving on to how I want the cell based editing to work.

So far I have the following code, but when I click the cell the multiselect is blank, and when I select my values and update the row, the cell becomes a list of [object Object] values which tells me that somehow I am displaying objects and not the properties with the objects.  However, I don't know where to do that at.

I would like to know what happens from when the user clicks edit to when the user clicks update and ends up in the update event.  Also any ideas as to how I could debug this scenario to see what is being passed around.

                    $("#grid").kendoGrid({
                        toolbar: kendo.template($('#template').html()),
                        dataSource: {
                            transport: {
                                read: function (op) {
                                    setTimeout(function () {
                                        op.success([ 
                                { itemId: 1, item: "Widget #1", category: "software", price: 19.99, tags: '["POSITION"]' },
                                { itemId: 2, item: "Widget #2", category: "hardware", price: 299.99, tags: '[POSITION, ASSET, TNT]' },
                                { itemId: 3, item: "Widget #3", category: "software", price: 29.99, tags: '["POSITION", "ASSET"]' },
                                { itemId: 4, item: "Widget #4", category: "software", price: 29.99, tags: '["TRADE", "ASSET", "LOT"]' },
                                { itemId: 5, item: "Widget #5", category: "software", price: 09.99, tags: '["TRADE"]' },
                                        ]);
                                    }, 1000);
                                },
                                update: function(e) {
                                    debugger;   
                                }

                            },
                            schema: {
                                model: {
                                    id: "itemId",
                                    fields: {
                                        item: { type: "string" },
                                        category: { type: "string" },
                                        price: { type: "number" },
                                        tags: { type: "string" },
                                    }
                                }
                            }
                        },
                        sortable: {
                            mode: "multiple",
                            allowUnsort: true
                        },
                        groupable: true,
                        editable: "inline",
                        edit: function(e) { debugger;},
                        scrollable: false,
                        selectable: 'row', 
                            change: function(e) {
                              var selectedRow = this.select();
                              var rowData = this.dataItem(selectedRow[0]);
                              var fn_name = '" + this.ID + "_row_clicked';
                              var fn = window[fn_name];
                              if (typeof (fn) === 'function') {
                                  fn(rowData);
                              }
                          }, 
                        reorderable: true,
                        filterable: true,
                        pageable: {
                            pageSizes: [1,2,3,4,'All'],
                            buttonCount: 5
                            //message: {
                            //    empty: 'No Data',
                            //    allpages: 'All'
                            //}
                                },
                        columns: [
                          { field: "item", title: "Item"},
                          //{ field: "item", title: "Item", aggregates: ["count"], footerTemplate: "Total Items: #=count#" },
                          { field: "category", title: "Category"},
                          { field: "price", title: "Price", format: "{0:n}" },
                          { field: "tags", title: "Tags", editor: tagEditor, template: "#=tags#" },
                          { command: ["edit"], title: "&nbsp;" }
                        ]
                    });
                });

                function getTags() {
                    var tags = [];

                    tags.push({ text: "POSITION", value: "POSITION" });
                    tags.push({ text: "ASSET", value: "ASSET" });
                    tags.push({ text: "ACTIVITY", value: "ACTIVITY" });
                    tags.push({ text: "TRADE", value: "TRADE" });
                    tags.push({ text: "TNT", value: "TNT" });
                    tags.push({ text: "LOT", value: "LOT" });

                    return tags;

                }

                function tagEditor(container, options) {
                    debugger;


                    $('<select data-text-field="text" data-value-field="value" data-bind="value:' + options.field + '" />')
                        .appendTo(container)
                        .kendoMultiSelect({
                            autoBind: false,
                            dataSource: getTags(),
                            dataTextField: "text",
                            dataValueField: "value",
                            animation: false,
                            value: options.model.tags,
                            change: function (e) { debugger;}
                        });
                }

I'm having some issues with the scheduler that I am not able reproduce without the backend data source.

I would like to know how to force the kendoUI scheduler edit modal to close after a user hits "save". I already know how to force a reload of the dataSource, like so: 

However I am not sure where to place this. 

Essentially I need to reproduce the default update behavior using jQuery after the scheduler throws an error. 

Any help is greatly appreciated. I understand its difficult to help me when I am unable to reproduce the errors I'm experiencing in a local environment, so I'll settle for a workaround.