c# - 如何在 Kendo UI 树视图中加载以下 HTTP 响应？

Question

<ArrayOfNode xmlns:i="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://....Controllers">
    <Node>
         <notificationType>Test1 (20)</notificationType>
         <notifications xmlns:d3p1="http://...Serialization/Arrays">
             <d3p1:string>3298</d3p1:string>
             <d3p1:string>983932</d3p1:string>
             ... (20 items here)
    </Node>
    <Node>
         <notificationType>Test2 (40)</notificationType>
         <notifications xmlns:d3p1="http://...Serialization/Arrays">
             <d3p1:string>ABCD</d3p1:string>
             <d3p1:string>AZYX</d3p1:string>
             ...(40 items here)
    </Node>
</ArrayOfNode>

这不起作用：

var notificationTypes = new kendo.data.HierarchicalDataSource({
                transport: {
                    read: {
                        url: "http://..."
                    }
                },
                schema: {
                    model: {
                        notificationType: "notificationType",
                        notifications: "notifications",
                        children: "notifications",
                        string: "string",
                        hasChildren: true
                    }
                }
            });

            $("#treeview").kendoTreeView({
                dataSource: notificationTypes,
                checkboxes: {
                    checkChildren: true
                },
                dataTextField: ["notificationType", "notifications"]
            });

它只加载父节点，但我想让每个节点的“通知”成为树的子项。

它应该如下所示：

• 测试1 (20)

-- 3298

-- 983932

• 测试2 (40)

- A B C D

-- 983932

Answer 1

我已经解决了这个问题。

这是脚本代码：

<script language="javascript" type="text/javascript">
            $(function()
            {
                var data = new kendo.data.HierarchicalDataSource({
                    transport: {
                        read: {
                            url: "../api/notifications/byuserid/10078261",
                            contentType: "application/json"
                        }
                    },
                    schema: {
                        model: {
                            children: "notifications"
                        }
                    }
                });

                $("#treeview").kendoTreeView({
                    dataSource: data,
                    checkboxes: {
                        checkChildren: true
                    },
                    dataTextField: ["notificationType", "NotificationDesc"]
                });
            });
        </script>

这是API：

namespace X.Controllers
{
    public class NotificationsController : ApiController
    {
        public List<Node> getNotifications(int id)
        {
            var bo = new HomeBO();
            var list = bo.GetNotificationsForUser(id);
            var notificationTreeNodes = (from GBLNotifications n in list
                                         where n.NotificationCount != 0
                                         select new NotificationTreeNode(n)).ToList();
            var li = notificationTreeNodes.Select(no => new Node
            {
                    notificationType = no.NotificationNode.NotificationType + " " + "(" + no.NotificationNode.NotificationCount + ")", notifications = bo.GetNotificationsForUser(id, no.NotificationNode.NotificationTypeId).Cast<GBLNotifications>().Select(item => new Notification
                    {
                            ID = item.NotificationId, NotificationDesc = item.NotificationDescription
                    }).ToList()
            }).ToList();
            return li;
        }
    }

    public class Node
    {
        public List<Notification> notifications;

        public string notificationType
        {
            get;
            set;
        }
    }

    public class Notification
    {
        public int ID
        {
            get;
            set;
        }

        public string NotificationDesc
        {
            get;
            set;
        }
    }
}