ajax - Kendo UI : Can't add a node to treeview when using custom schema-6ren

ajax - Kendo UI : Can't add a node to treeview when using custom schema

转载作者：行者123 更新时间：2023-12-03 22:51:03

25

4

我有一个使用以下数据源初始化的 Kendo Tree :

var dataSource = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                url: '/Quota/Home/GetTemplateHierarchy',
                dataType: 'json',
                data: { hierarchyID: hierarchyID, quotaSetID: quotaSetID, batchSize: 10 }
            }
            },
            schema: {
                model: {
                    id: 'id',
                    hasChildren: 'hasChildren',
                    children: 'items',
                    fields: {
                        text: 'text'
                    }
                }
            }
        });

有谁知道如何为这个数据源添加和创建一个新节点？我试过通用的 treeview.append({ text: "Boo"}) 但它没有做任何事情。我已成功删除节点，但似乎无法添加任何节点。文档不清楚如何在使用自定义模式时添加任何内容。

最佳答案

保罗，我想提出另一个解决方案......

    <!-- Kendo UI Web styles-->
    <link href="../styles/kendo.common.min.css" rel="stylesheet" type="text/css"/>
    <link href="../styles/kendo.default.min.css" rel="stylesheet" type="text/css"/>

    <!-- Kendo UI Web scripts-->
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/kendo.web.min.js" type="text/javascript"></script>

    <!-- Local Styles -->
    <style type="text/css">
    </style>

    <!-- Initialize Form Elements -->
    <script type="text/javascript">
        $(document).ready(function () {
            function loadMore() {
                var uid = $(this).data("uid");
                var node = tree.findByUid(uid);
                tree.insertBefore(content, node);
                tree.remove(node);
                addLoadMore(".k-i-pencil");
            }

            function addLoadMore(clss) {
                $(clss, tree.element).closest(".k-item").on("click", loadMore);
            }

            var content = [
                {
                    text :"node1",
                    items:[
                        { text:"node1.1" },
                        { text:"node1.2" },
                        { text:"node1.3", spriteCssClass:"k-icon k-i-pencil" },
                        { text:"node1.4" }
                    ]
                }
            ];

            var tree = $("#tree").kendoTreeView({
                dataSource:content
            }).data("kendoTreeView");
            addLoadMore(".k-i-pencil");
        });
    </script>

</head>
<body>
<div id="tree"></div>
</body>
</html>

在这里，我创建了一个从 JSON 加载内容的树(它应该替换为您的 ajaxAntiForgery )。树中有一个节点有一个图标(k-i-pencil)。然后我调用一个函数 addLoadMore ，它用 k-i-pencil 拦截节点上的点击，并将新内容添加到这个节点 - 使用 insertBefore 在带有 k-i-pencil 的内容之前插入新内容，然后删除旧节点)。
我认为这个示例与您使用按钮所做的非常相似。
因此，查看 loadMore 函数以了解我如何检测与我单击的位置相对应的 node(我提取 uid 并使用 uid 找到具有该 tree.findByUid 的节点)。
最后，我删除原始节点(调用 tree.remove )并使用 k-i-pencil 再次设置新节点的拦截器。
希望这与您拥有的非常接近。

关于ajax - Kendo UI : Can't add a node to treeview when using custom schema，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13498734/

25

4

0

文章推荐： kendo-ui - 带有编辑器模板 Kendo 网格 mvc 的级联下拉菜单

文章推荐： cookies - 适用于 Google Chrome/unix 的 Cookie 文件

文章推荐： vb.net - vb.net如何遍历目录列表？

文章推荐： kendo-ui - 我的 Kendo 图没有更新

java - Vector C++、List 和 Vector Java
我在大学学习C++时学习了这段代码..后来我在C#中使用了同样的东西...但现在我想在Java中使用它...我在互联网上寻找类似的东西，但我什至不知道如何表达它，以便我得到正确的结果。所以嗯，请让我
ruby-on-rails - 事件记录错误 : Couldn't find Customer with 'id' =1 [WHERE (`customers` .`company_id` IS NOT NULL) AND `customers` .`company_id` = ?] RUBY ON RAILS
我正在我的 Ruby on Rails Controller 上运行 RSPEC 测试，这是我正在测试的 Controller 操作: Controller 代码: class Customers::
custom-controls - UITabBarItem 选定的选项卡背景 : Custom?
想为我选择的选项卡设置自定义背景，到目前为止，子类化是我自定义 UITAbBar/UITabBarItem 的方式。问题是:有谁知道(或知道我在哪里可以找到)设置背景的属性是什么？所选选项卡周围有
customization - Hybris 产品数据上的 Hybris Custom WSDTO
您好，我在 commerefacades-beans.xml 中创建了 eProductForm bean，我添加了 ProductData 的自定义属性。然后在commercewebs
mysql - SQL : how do i find customer orders with customers?
我有两个表:1. 客户2. customer_order 客户表包含客户数据(duh)，customer_order 包含所有订单。我可以在 customer.id=customer_order.id
iOS : Customizing TableViewCell - Initializing Custom Cell
在我的 TableView 中，我有一个 NSMutableArray *currList 的数据源 - 它包含对象 Agent 的对象。我创建了自定义的 TableCell 并正确设置了所有内容。我
c# - 是否应该使用自引用通用继承，如 Customer : Entity
是否建议使用自引用泛型继承？ public abstract class Entity { public Guid Id {get; set;} public int Version
customization - 将 custom.ini 与 Grafana 结合使用
我正在尝试为我的 Grafana 安装使用自定义文件 ( custom.ini )。不幸的是，这不起作用。我做了什么: 安装了一台装有 CentOS 7 的虚拟机添加了 Grafana Yum R
java - 自定义类: Custom type cannot be converted to other custom type
我被分配了两个给定类的作业，一个是抽象父类 Lot.java，另一个是测试类 TestLots.java。我不应该编辑其中任何一个。任务是创建Lot的两个子类，使TestLots中的错误不再是错误。
bots - 底部压力 : Custom Content Type and Custom Rendering
我是 Botpress 的新手。我刚刚安装了 Botpress 的最新版本“botpress-ce-v11_0_1-win-x64”。我浏览了文档，发现了一些关于内容类型、内容元素和内容渲染的解释
python - Qt 设计器 : Custom code for custom actions
我一直在四处寻找，但我还没有找到任何东西，除了 Qt3 的旧文档和 qt 设计器的 3.x 版。我会举个例子，并不是因为我的项目是 GPL 而不能提供代码，而是为了简单起见。示例:您正在为您的应用
c# - 流利验证 : set custom message on custom validation
场景我有一个自定义规则来验证订单的运费: public class OrderValidator : BaseValidator { private string CustomInfo {
android - 改造 2 : Custom annotations for custom interceptor
我有用于身份验证的自定义拦截器: @Named("authInterceptor") @Provides @Singleton fun providesAuthIntercep
ruby-on-rails - ruby rails : Custom getter or custom helper
如果有人没有添加照片，我想显示默认头像图像。我假设我需要在模型或助手中执行自定义 getter。如果我做 getter，它会看起来像这样吗: def avatar_url "default_ur
google-custom-search - Google Custom Search API 中的保留字
我正在使用 Google Search API，但遇到了一些麻烦。这个请求(在 Python 中，使用 requests 库)工作正常 res = requests.get("https://www.
custom-keyboard - MSKLC : How to associate a country to a custom keyboard layout
我使用 MSKLC 制作了自定义键盘布局。我以为我仔细按照说明操作了chose appropriate values对于LOCALENAME和 LOCALID参数。但是，在通过按 Win+Spac
java - 调用另一个通用方法的通用方法 - util 方法返回 Class 而不是 Customer
我正在使用 simpleframework解析 XML 字符串并将其转换为对象。 Serializer serializer = new Persister(); try { Customer
c# - MySql查询: get all customers that has their ID in both Customer and Customer_x_Billing table
我正在使用 C# 控制台应用程序从 MySql 数据库获取一些数据，但在正确查询时遇到一些问题现在的情况: SELECT * FROM Customer WHERE EXISTS ( SELECT
objective-c - 滑动 Custome UITableViewCell/Custom UITableViewController 时内存泄漏
我在我的 iPhone 4S 上运行我的应用程序，我正在使用自定义表格 View Controller 和自定义表格 View 单元格，当我将表格 View 向上滑动到空白区域并同样向下滑动到空白区域
javascript - 谷歌标签管理器 : How to use "Custom Javascript" in a "Custom HTML Tag?"
我有一个自定义的 JavaScript 变量，它正在检查 eventAction 是什么，这样我就可以知道是否触发一些转换像素。自定义 Javascript 称为“FacebookConversion

首页

博学

6Ren·AI

商城

ajax - Kendo UI : Can't add a node to treeview when using custom schema