This is a migrated thread and some comments may be shown as answers.

Selecting rows with mouse drag

4 Answers 100 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Shawn
Top achievements
Rank 1
Shawn asked on 02 Jun 2015, 03:07 PM

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.

4 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 04 Jun 2015, 10:15 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Shawn
Top achievements
Rank 1
answered on 08 Jun 2015, 04:29 AM

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.

 

0
Shawn
Top achievements
Rank 1
answered on 08 Jun 2015, 04:20 PM

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.

0
Dimo
Telerik team
answered on 10 Jun 2015, 06:11 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Shawn
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Shawn
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or