当前位置: 首页 > 知识库问答 >
问题:

针对ASP.NET MVC ajax问题的Telerik TreeView

公良骁
2023-03-14

Telerik的TreeView控制,虽然花哨和有很多功能,现在被证明是我的噩梦。然而,我找不到一个更好的TreeView控件,它支持折叠/展开等,并有一点点文档。我的问题来了。

<!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/custom.css")" rel="stylesheet" type="text/css" />-->
    @(Html.Telerik().StyleSheetRegistrar()
                    .DefaultGroup(group => 
                        group.Add("telerik.common.css")
                             .Add("~/Content/Site.css")
                             .Add("~/Content/custom.css")
                             .Add("~/Content/themes/humanity/jquery-ui-1.8.18.custom.css")
                    .Combined(true)
                    .Compress(true)))
</head>
<body>
    <div class="page">
        <header>
            <div id="header-logo">
                    <img alt="X" src="../../Content/Images/logo100.png"/>
            </div>
            <div id="title">
                <h1>title</h1>
            </div>

            @(Html.Telerik().Menu()
                    .Name("menu")
                    .Items(menu =>
                    {
                        menu.Add().Text("Home").Action("Index", "Home");
                        menu.Add().Text("Products")
                            .Items(item =>
                                       {
                                           item.Add().Text("xxx").Action("xxx", "Products");
                                           item.Add().Text("xxx").Action("xxx", "Products");
                                           item.Add().Text("xxx").Action("xxx", "Products");
                                           item.Add().Text("xxx").Action("xxx", "Products");
                                       });
                        menu.Add().Text("Events").Action("Index", "Events");
                        menu.Add().Text("About Us").Action("About", "Home");
                        menu.Add().Text("Admin").Action("Index", "Admin");
                    })
                    .HtmlAttributes(new { style = "text-align:left;" }))
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
    @(Html.Telerik().ScriptRegistrar()
                        .Scripts(script=>script.Add("~/Scripts/custom.js"))
                        .Globalization(true)
                        .DefaultGroup(group => group.Combined(true)
                                                    .Compress(true)))
</body>
</html>
@{
    ViewBag.Title = "Admin";
}
<h2>
    Admin Index</h2>
<div id="navAdminLeft">
    @(Html.Telerik().TreeView()
    .Name("AdminNavTree")
    .Items(item =>
               {
                   item.Add().Text("Products");
                   item.Add().Text("Categories");
                   item.Add().Text("Materials");
                   item.Add().Text("Finishes");
                   item.Add().Text("Packaging");
                   item.Add().Text("File Manager");
                   item.Add().Text("CategoryTree");
               })
        .ClientEvents(events => events.OnSelect("loadAdminContent"))
           )
</div>
<div id="adminContent">
</div>
<script type="text/javascript">
    function loadAdminContent(e) {
        $.ajax({
            type: "GET",
            cache: false,
            url: "Admin/" + e.item.innerText,
            data: {},
            success: function (data) {
                $("#adminContent").html(data);
            }
        });
    }
</script>
@using xxx.Models.Navigation
@model IEnumerable<NavigationItem>

<div id="categoryTree">      
 @{Html.Telerik().TreeView()
    .Name("ctree")
        .BindTo(Model, mappings => 
            mappings.For<NavigationItem>(binding => binding
                    .ItemDataBound((currentItem, navigationItem) =>
                        {
                            currentItem.Text = navigationItem.Text;
                            currentItem.Expanded = true;
                                                        })
                    .Children(child => child.Items)

                ))
    .ClientEvents(events=>events.OnSelect("loadContent"))                                  
    .Render();
}
</div>
<div id="detail"></div>
<script type="text/javascript">
    function loadCategoryDetail(e) {
        $.ajax({
            type: "POST",
            url: "Admin/CategoryDetails",
            data: { id: $("#ctree").data("tTreeView").getItemText(e.item) },
            success: function (data) {
                $("#detail").html(data);
            }
        });
    }
</script>

共有1个答案

祁曦哲
2023-03-14

我在JSTREE方面取得了很好的成功...对你的电视节目问题没有帮助,但可能值得一查。

http://www.jstree.com/

 类似资料:
  • 在我的应用程序中,我只支持欧元和美元货币。例如,当用户试图用Siri将付款发送到英镑时,我要求他在欧元和美元之间进行选择。 之后我在屏幕上看到: 100美元 100欧元 如果我选择100$在

  • 请考虑以下代码: 我想要一个指针,指向一个特定的对象,在一个向量,当耳环这个对象,指针也应该被删除,或指向空或类似的东西。同样,当我有一个指向矢量位置3的对象的指针时,我希望这个指针在移除例如对象1之后指向位置2,因为对象3向左“移动”了一个位置。这样的事情是可以实现的还是我应该尝试一种不同的方法?我刚开始学习C++所以我对任何高级概念都不是很熟悉。

  • 问题内容: 我正在尝试将答案转换为Swift并失败。似乎我正在传递一个应该何时传递一个,而我似乎无法解决我的问题。据我了解的Swift指针文档(不多),这些应该可以互换。 下面的更多信息。 这是目标C: 这是我所掌握的Swift语言(很多行可以简化类型检查) 该签名是: 最后一行的错误是: 问题答案: 与C函数进行交互时,您不能依靠编译器的错误消息-逐个参数地将其分解,然后单击命令直至知道要使用的

  • 指针不是存放首地址吗,怎么不一样呢

  • 这是我的代码: 这是运行时的输出: 将21C转换为华氏温度。华氏温度是69.8度 将70F转换为摄氏度。摄氏温度是 21.11111 我一直在尝试,一次又一次的让tje 2.11111,到2.11,小数点后只有2位数。可能有人帮我从这得到: 将21C转换为华氏温度。华氏温度是69.8度 将70F转换为摄氏度。摄氏温度是 21.11111 对此: 将21C转换为华氏温度。华氏温度是69.8度 将70