I'm using kendo 2012.1.515 and receiving an error when using a grid that contains columns and a footer template that has an aggregate defined. The error appears once all of the rows are deleted from the grid (click the delete button to see this in action in my jsfiddle examples below).

Browser: latest version of Chrome but it also appears in IE9

jsfiddle that displays the issue: http://jsfiddle.net/MLYdR/11/ (Uncaught ReferenceError: sum is not defined)

 I was receiving another error when referencing 2012.1.322: http://jsfiddle.net/MLYdR/9/ (Uncaught TypeError: undefined has no properties)

Any info or a work around would be greatly appreciated.

Thanks,
Chris

I looked through the demos and documentation and found no indication that what I'm doing is supported, but I'd like to try anyway:

I like the Inline Editing feature demonstrated here, but I do not like how an entire column is wasted providing space for Edit, Delete, Update, and Cancel buttons for each individual row. I want our users to be able to select a row (or several):

...then click the Edit button in the Toolbar (I'm using Twitter's Bootstrap and its included Glyphicons, hence the templates):

and finally, the selected row(s) would become editable:

It would be great if the editor could not be a popup, but instead look and feel just like the inline editor; the only difference is, instead of the buttons being in the same row, they would be in the Toolbar.

I know it should be possible to get the uid of a highlighted row and use it to target the editor, I'm just having trouble putting it together in my head, and I'm having difficulty figuring out how to make it look and act like inline editing rather than a popup dialog.

We want to be able to grant or revoke editing privileges based on the user's permissions based on the permissions of the logged-in user (changing the editable option to false, and removing the toolbar, and similarly disabling editing on the back-end to prevent clever workarounds), as well as ensure that editing still functions within the limitations of mobile devices (multitouch screens are bad for advanced or complicated UI design and don't work well with mouse-oriented features). Furthermore, clicking once on a cell to make it editable seems like a great way to have an accident (even/especially on a desktop computer -- perhaps one could use double-click instead?), and editing a row inline with that whole column dedicated to the buttons seems like a waste of space, especially on a mobile device with limited screen real-estate. I can just barely fit four columns sized to 25% each on a 320px-wide screen (original iPhone in portrait mode), and I need all four of them for displaying data in most cases.

Please reference my other thread here for details about my specific Grid setup if needed.

Thank you for your help so far. I have been enjoying learning and working with Kendo, even if its new-ness necessitated bugs, missing features, and unfinished documentation. It's definitely one of the more robust JavaScript frameworks I've worked with.

Best Regards,

Adrian

I'm using a kendo grid with paging.

When there are no records it shows a zero for the page #, and the empty message appears. How can I not show the zero page #?

Hi, testing datasource seem not to recognise json dates in /Date(..) format. Any examples on ways to solve this?

I'm pasting some html into an editor using the .paste() method. The html is too long to fit in the editor so a scrollbar is created as I'd expect. However, this scrollbar scrolls to the bottom of the editor and I would like to scroll it back to the top programatically. I have tried .scrollTop(0) but this doesn't work even with the editor set to 'scrollable: true'. Has this feature been implemented or is there a workaround for it at all?

How do I check if the value is null tDtAlteracao within the DataBound? Would you like to do this without setting the field name.

#= kendo.toString(tDtAlteracao,'d') #

  

 $("#" + sNmId).kendoGrid({

        dataBound: function (e) {

            if (this.dataSource.group().length == 0) {

                setTimeout(function () {

                    $(".k-grouping-header").html(jsonResource[0]);

                });

            }

        }

    });

Thanks

How can I handle errors, which for example occur on the server side.
I have defined this HierarchicalDataSource:

    var childrenDataSource = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                url: function (options) {
                    return kendo.format("../api/hierarchytree/{0}", options.id);
                }
            }
        },
        schema: {
            model: {
                hasChildren: "hasChildren",
                id: "id"
            }
        }
    })

Essentially I want to have an "Empty Data Template" so after my custom binder runs for every row in my table I want to then check the visible count, and perform an action.

So is there an event that fires, or....?

Steve

Hello,

I am using Kendo UI Grid to display a long list of data (10000+). As one of your demos shows, I used virtualization of local data in the grid. But after i changed my datasource later, the grid would not load the rest data automatically while scrolling down. I have tried both ObservableArray and a new DataSource object, but neither works. Please help!!! 

          var newData = createRandomData(10);
            for (var i = 0; i < 10; i++) {
                source.pop();
                source.unshift(newData[i]);
            }
            var newSource = new kendo.data.DataSource({
                data: source,
                pageSize: 10
            });
            var grid = $("#grid").getKendoGrid();
            grid.dataSource = newSource;
            newSource.read();
            grid.refresh();

Hi,

Is the validator functionality available for the mobile version too? All the examples are subject to web development and I can't get it working inside my mobile application. 

I keep getting the error 'Object has no method kendoValidator' when executing the following code on a div called login that contains the fields that I want to validate.