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

[Solved] Treeview ajax undefined

0 Answers 96 Views

TreeView

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

This question is locked. New answers and comments are not allowed.

RES asked on 23 Mar 2012, 08:23 PM

I'm trying to set the AJAX select URL property in order to send an AJAX request like in the following code but I'm getting this error:
Microsoft JScript runtime error: Unable to set value of the property 'selectUrl': object is null or undefined

Here is my code:

$(function () {

$("#AddTreeItemDialog").dialog(

{

autoOpen: false,

width: 600,

height: 400,

modal: true,

resizable: true,

buttons:

{

"Submit": function () {

if ($("#AddTreeItemForm").validate().form()) {

$.post("/Home/AddTreeItem",

$("#AddTreeItemForm").serialize(),

function (json) {

if (json.success) {

var treeview = getTreeView();

var selectedParentId = getSelectedTreeViewItemValue();

var selectedParent = getTreeViewItemByValue(selectedParentId);

treeview.ajax.selectUrl = "/Home/GetTreeViewItemChildren?parentId=" + selectedParentId;

treeview.ajaxRequest(selectedParent);

} else {

alert("Adding an item was not successful.");

}

$("#AddTreeItemDialog").dialog("close");

}

);

}

});

I'm using Telerik.Web.Mvc assembly version 2011.2.914.340 and have the following for my layout page.

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/2011.2.914/telerik.common.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/2011.2.914/telerik.default.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="Stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery-1.6.1.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/MicrosoftMvcValidation.js")" type="text/javascript"></script>

</head>

<body>

<div class="page">

<div id="header">

<div id="title">

<h1>My MVC Application</h1>

</div>

<div id="logindisplay">

@Html.Partial("_LogOnPartial")

</div>

<div id="menucontainer">

<ul id="menu">

<li>@Html.ActionLink("Home", "Index", "Home")</li>

<li>@Html.ActionLink("About", "About", "Home")</li>

</ul>

</div>

<div id="main">

@RenderBody()

</div>

<div id="footer">

</div>

@(Html.Telerik().ScriptRegistrar().jQuery(false).DefaultGroup(group => group.Combined(true).Compress(true)))

</body>

</html>

What am I missing here?