Selecting rows with mouse drag

[Shawn]

I'm unable to select rows using mouse drag when the grid contains 90 or more rows of data. I've modified pre-existing demos that contained 160 rows of data to use the mouse drag select and it worked. So I'm wondering if it has something to do with the grids configuration. Are there any other events firing during the mouse drag select?

Here is how my grid is configured:

$(selector).kendoGrid({
            dataSource: self.eventGridDataSource(url, params, columns),
            pageable: false,
            sortable: { mode: "multiple", allowUnsort: true },
            scrollable: true,
            selectable: "multiple row",
            resizable: true,
            columnResize: function (e) {
                var width = e.newWidth;
                var name = e.column.field;
                var colId = e.column.attributes["data-sc-id"];
                console.log('column: ' + name);
                console.log('column width: ' + width);
                EventBuilder.fn.saveColumnInfo.call(this, module, colId, width, 0);
            },
            columns: EventBuilder.fn.gridColumns(columns, true, module),
            editable: {
                mode: "popup",
                window: { title: "Edit Event" },
                template: kendo.template($("#popup-editor").html())
            },
            edit: function (e) {//put into a function
                //content removed
            },
            excelExport: function (e) {
                var from = e.sender;
                var cellId = e.sender._cellId;
                var gridName = cellId.substring(0, cellId.indexOf('_'));
                var filename = gridName + ".xlsx";
                e.workbook.fileName = filename; 
            }
        });

The grid only has 15 columns.

[Alexander Valchev]

Hi Shawn,

Your configuration looks OK. Did you checked the browser console for any errors that might give us a clue what is going wrong? Also does the problem occur in every browser or just in a specific one?

Is it possible for you to isolate the issue in a Kendo Dojo test page so I can reproduce it on my side?

Looking forward to your reply.

Regards,
Alexander Valchev
Telerik

 

 

[Shawn]

It work in FireFox. In IE the long running script alert appeared. In Chrome it doesn't work. It has to work in Chrome.

There aren't any JavaScript errors in the console.

I'll try to get something into the Dojo. I think there's a site that can produce dummy data that I could use.

 

[Shawn]

I created the grid as close as I could in the Dojo. I generated 500 rows of dummy data from https://www.mockaroo.com/.

http://dojo.telerik.com/ATiXa

It's working better (not all the time) in the Dojo than in my environment.

[Dimo]

Hi Shawn,

The performance problem is caused by these circumstances:

- too many rows
- a frozen column

Since removing the frozen columns is probably unacceptable, please use paging to reduce the number of rendered rows.

Regards,
Dimo
Telerik