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

kendo UI grid in SharePoint 2010 - the column Grouping feature does not work (drag'n'drop issue ?)

2 Answers 98 Views

Grid

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

Sean asked on 30 May 2013, 05:51 PM

spike_kendoui_sp_nodragndrop.zip

n SharePoint 2010, I have an ASPX page with a kendo UI grid.
I have configured the grid to have the column Grouping feature turned ON:

groupable: true,
reorderable: true

the grid loads, and the toolstrip above the grid, tells user to drag'n'drop columns, in order to have them grouped.

However, I cannot drag'n'drop the column header:
the 'drag' does not start.

The same code works fine outside of SharePoint (in a ASP.NET project).

It looks like SharePoint javascript is preventing kendo UI from receiving the 'drag' event ?

note: the feature to re-order columns also does not work (also because the 'drag' operation does not start)

There are no browser errors (in Chrome console, OR in IE9 console).

note: I logged this on the forum (here: http://www.kendoui.com/forums/permalink/boD1Mq6aG2OF1P8AAFTdxQ)

there was a suggestion that the issue was caused by an invalid DOCTYPE,
but this DOCTYPE is present:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

to solve this one, you need the source code.

I have re-produced the issue in a basic SP2010 project.

I used IE9 to save the site and am attaching it in this ZIP.

to reproduce - just unzip + open the HTML file in Chrome or IE9.
try to drag'n'drop a column heading - it will not work.

note: I know the styling of the grid is bit messy (this is from the IE save) but that is not what is causing the issue.

look forward to hearing back from you ....

2 Answers, 1 is accepted

Accepted