Hi,
Below is my code to open a window which shows details of a tree node selected. The treeview is only in kendo while all other components are telerik.
But the window does not come up, we get an error in the console as :
TypeError: $(...).data(...) is undefined$('body > #Window').data('kendoWindow').center().open();
What are we missing ?
.delegate(".details-icon", "click", function (e) {
e.preventDefault();
$("body > #Window > .t-window-titlebar > .t-window-title").text("Group Details"); // Change the header
var groupId = $(this).closest(".k-item").find("input[type = checkbox]").val();
var groupName = $(this).closest(".k-item").find(".k-in:first").justtext();
var iconPath = $(this).closest(".k-item").find(".k-in:first").find(".k-image").attr("src");
$("body > #Window > .k-content").css({ "width": "350px", "height": "150px" }).html("<div>Group Name : <strong style='color:#2A43B5;font-family:Georgia'>" + groupName + "</strong><br/><br/>Group Icon: <img style='vertical-align:middle;' src='" + iconPath + "'/> </div>");
$('body > #Window').data('kendoWindow').center().open();
return false;
Below is my code to open a window which shows details of a tree node selected. The treeview is only in kendo while all other components are telerik.
But the window does not come up, we get an error in the console as :
TypeError: $(...).data(...) is undefined$('body > #Window').data('kendoWindow').center().open();
What are we missing ?
.delegate(".details-icon", "click", function (e) {
e.preventDefault();
$("body > #Window > .t-window-titlebar > .t-window-title").text("Group Details"); // Change the header
var groupId = $(this).closest(".k-item").find("input[type = checkbox]").val();
var groupName = $(this).closest(".k-item").find(".k-in:first").justtext();
var iconPath = $(this).closest(".k-item").find(".k-in:first").find(".k-image").attr("src");
$("body > #Window > .k-content").css({ "width": "350px", "height": "150px" }).html("<div>Group Name : <strong style='color:#2A43B5;font-family:Georgia'>" + groupName + "</strong><br/><br/>Group Icon: <img style='vertical-align:middle;' src='" + iconPath + "'/> </div>");
$('body > #Window').data('kendoWindow').center().open();
return false;