Kendo UI grid sortable(or reordering or drag drop rows in grid) not disabled on using kendoSortable destroy...
I've a scenario in which the grid reordering or drag-drop rows (can be achieved using kendoSortable in kendo UI) should be enabled or disabled.
For ex., if a particular set of columns are sorted or grouped the drag-drop function should be disabled and if one specific column is sorted it should be enabled.
The problem occurs when applying filter to some columns. During filtering if kendoSortable is applied to a column it stays the same even if ("kendoSortable").destroy() is executed i.e the drag-drop functionality should be disabled on executing destroy() only that it wasn't. All it did was return an error while the page was inspected.
Screenshot of error:
Error in event handler for (unknown): TypeError: Cannot read property 'options' of undefined
at y.<anonymous>
The jQuery method that implements the function:
KendoCustom.OnSortAndGroup = function(e) {
var grid = e.sender;
debugger;
if (grid.dataSource.group() && grid.dataSource.group().length > 0 &&
grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
} else if (grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
var col = grid.dataSource.sort();
if (col[0]["field"] == 'Rank' || col[0]["field"] == 'VisualRank') {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'move');
});
$("#RulesGrid").kendoSortable({
"change": onChangeDrag,
"filter": "table > tbody > tr",
"container": "#RulesGrid tbody",
"cursor": "move",
"hint": noHint,
"placeholder": placeholder
});
} else {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
}
}
}
jquery kendo-ui kendo-grid kendo-asp.net-mvc kendo-ui-mvc
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
add a comment |
I've a scenario in which the grid reordering or drag-drop rows (can be achieved using kendoSortable in kendo UI) should be enabled or disabled.
For ex., if a particular set of columns are sorted or grouped the drag-drop function should be disabled and if one specific column is sorted it should be enabled.
The problem occurs when applying filter to some columns. During filtering if kendoSortable is applied to a column it stays the same even if ("kendoSortable").destroy() is executed i.e the drag-drop functionality should be disabled on executing destroy() only that it wasn't. All it did was return an error while the page was inspected.
Screenshot of error:
Error in event handler for (unknown): TypeError: Cannot read property 'options' of undefined
at y.<anonymous>
The jQuery method that implements the function:
KendoCustom.OnSortAndGroup = function(e) {
var grid = e.sender;
debugger;
if (grid.dataSource.group() && grid.dataSource.group().length > 0 &&
grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
} else if (grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
var col = grid.dataSource.sort();
if (col[0]["field"] == 'Rank' || col[0]["field"] == 'VisualRank') {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'move');
});
$("#RulesGrid").kendoSortable({
"change": onChangeDrag,
"filter": "table > tbody > tr",
"container": "#RulesGrid tbody",
"cursor": "move",
"hint": noHint,
"placeholder": placeholder
});
} else {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
}
}
}
jquery kendo-ui kendo-grid kendo-asp.net-mvc kendo-ui-mvc
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
add a comment |
I've a scenario in which the grid reordering or drag-drop rows (can be achieved using kendoSortable in kendo UI) should be enabled or disabled.
For ex., if a particular set of columns are sorted or grouped the drag-drop function should be disabled and if one specific column is sorted it should be enabled.
The problem occurs when applying filter to some columns. During filtering if kendoSortable is applied to a column it stays the same even if ("kendoSortable").destroy() is executed i.e the drag-drop functionality should be disabled on executing destroy() only that it wasn't. All it did was return an error while the page was inspected.
Screenshot of error:
Error in event handler for (unknown): TypeError: Cannot read property 'options' of undefined
at y.<anonymous>
The jQuery method that implements the function:
KendoCustom.OnSortAndGroup = function(e) {
var grid = e.sender;
debugger;
if (grid.dataSource.group() && grid.dataSource.group().length > 0 &&
grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
} else if (grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
var col = grid.dataSource.sort();
if (col[0]["field"] == 'Rank' || col[0]["field"] == 'VisualRank') {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'move');
});
$("#RulesGrid").kendoSortable({
"change": onChangeDrag,
"filter": "table > tbody > tr",
"container": "#RulesGrid tbody",
"cursor": "move",
"hint": noHint,
"placeholder": placeholder
});
} else {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
}
}
}
jquery kendo-ui kendo-grid kendo-asp.net-mvc kendo-ui-mvc
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
I've a scenario in which the grid reordering or drag-drop rows (can be achieved using kendoSortable in kendo UI) should be enabled or disabled.
For ex., if a particular set of columns are sorted or grouped the drag-drop function should be disabled and if one specific column is sorted it should be enabled.
The problem occurs when applying filter to some columns. During filtering if kendoSortable is applied to a column it stays the same even if ("kendoSortable").destroy() is executed i.e the drag-drop functionality should be disabled on executing destroy() only that it wasn't. All it did was return an error while the page was inspected.
Screenshot of error:
Error in event handler for (unknown): TypeError: Cannot read property 'options' of undefined
at y.<anonymous>
The jQuery method that implements the function:
KendoCustom.OnSortAndGroup = function(e) {
var grid = e.sender;
debugger;
if (grid.dataSource.group() && grid.dataSource.group().length > 0 &&
grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
} else if (grid.dataSource.sort() && grid.dataSource.sort().length > 0) {
var col = grid.dataSource.sort();
if (col[0]["field"] == 'Rank' || col[0]["field"] == 'VisualRank') {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'move');
});
$("#RulesGrid").kendoSortable({
"change": onChangeDrag,
"filter": "table > tbody > tr",
"container": "#RulesGrid tbody",
"cursor": "move",
"hint": noHint,
"placeholder": placeholder
});
} else {
grid.tbody.find('>tr').each(
function() {
$(this).css('cursor', 'default');
});
if ($("#RulesGrid").data("kendoSortable")) {
$("#RulesGrid").data("kendoSortable").destroy();
}
}
}
}
jquery kendo-ui kendo-grid kendo-asp.net-mvc kendo-ui-mvc
jquery kendo-ui kendo-grid kendo-asp.net-mvc kendo-ui-mvc
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
edited Nov 21 '18 at 16:52
Federico Grandi
2,77521127
2,77521127
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
asked May 31 '18 at 11:00
Vignesh GvVignesh Gv
11
11
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f50622755%2fkendo-ui-grid-sortableor-reordering-or-drag-drop-rows-in-grid-not-disabled-on%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f50622755%2fkendo-ui-grid-sortableor-reordering-or-drag-drop-rows-in-grid-not-disabled-on%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
