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

[Solved] Issue with javascript in treeview shown bij Renderaction

2 Answers 61 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.
gpwd
Top achievements
Rank 1
gpwd asked on 16 Feb 2011, 10:04 PM
The Problem: no clientside functionality for the treeview
Code of Layout.cshtml
@using Telerik.Web.Mvc.UI
<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    @Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group
                          .Add("telerik.common.css")
                          .Add("telerik.windows7.css")
                          .Add("telerik.rtl.css"))
     
</head>
 
<body>
    <div style="float:left;background: red;">
    @{Html.RenderAction("Show", "Navigation");}
    </div>
    <div style="float:left;">
        @RenderBody()
    </div>
    @Html.Telerik().ScriptRegistrar().DefaultGroup(group => group
         .Add("telerik.common.min.js")
        .Add("telerik.treeview.min.js")
    
)
</body>
</html>


code of Show.cshtml:
@using Telerik.Web.Mvc.UI
@model InControl.MVC.Models.Navigation
 
@Html.Telerik().TreeView().Name("Menu").BindTo(Model.Menus, mappings =>
{
    mappings.For<InControl.MVC.Models.Menu>(binding => binding
            .ItemDataBound((item, menu) =>
            {
                item.Text = menu.Name; item.Url = Url.Action("Edit", "Menu", new { Id = menu.Id }); ;
            })
            .Children(menu => menu.MenuItems));
 
    mappings.For<InControl.MVC.Models.MenuItem>(binding => binding
            .ItemDataBound((item, menuItem) =>
            {
                item.Text = menuItem.Name; item.Url = Url.Action("Edit","MenuItem", new { Id = menuItem.Id }); item.Expanded = true;
            })
            .Children(menuItem => menuItem.MenuItems));
}).ExpandAll(true)


Javascript errors:
b is undefined line 1: telerik.treeview.min.js
jquery("#menu").tTreeView is not a function

2 Answers, 1 is accepted

Sort by
0
Al
Top achievements
Rank 1
answered on 18 Apr 2011, 03:02 AM
Join the previous post. The same problem, after downloading the partial View which contains any other component of telerik,
 with accompanying  library Jquery, a selector for the treeview is perceived as an indefinite.

// error message $("#AjaxTreeView").data("tTreeView") is undefined
var string = $('#AjaxTreeView').data('tTreeView').getItemText(e.item);
0
Accepted
Al
Top achievements
Rank 1
answered on 18 Apr 2011, 03:55 PM
mb resolution here
Tags
TreeView
Asked by
gpwd
Top achievements
Rank 1
Answers by
Al
Top achievements
Rank 1
Share this question
or