0

我有一个带有以下 Index.aspx 的 MVC5 项目当我在 VS2013 中运行该项目时,我只能看到树的顶部分支,没有明显的方法来扩展它们。

如此处所示

Resharper 表示我的参考资料没问题。

我是 HTML5 编程和 Angular 的新手。我该如何解决这个问题?

索引.aspx 是

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>
<html data-ng-app="myApp">
<head runat="server">
    <meta name="viewport" content="width=device-width"/>
    <title>Index</title>
    <link rel="stylesheet" type="text/css" href="/Content/dx.common.css"/>
    <link rel="stylesheet" type="text/css" href="/Content/dx.light.css"/>
    <script src="/Scripts/jquery-2.1.4.min.js"></script>
    <script src="/Scripts/angular.js"></script>
    <script src="/Scripts/angular-sanitize.js"></script>
    <script src="/Scripts/jquery.globalize/globalize.js"></script>
    <script src="/Scripts/dx.webappjs.js"></script>
    <script src="/MyJS/script_Angular.js"></script>
</head>

<body>
    <div  ng-controller="demoController">
<div dx-tree-view="{
    dataSource: treeViewData,
    dataStructure: 'plain'
}">
</div>
    </div>
</body>
</html>

和 script_Angular 是

var myApp = angular.module('myApp', ['dx']);
myApp.controller("demoController", function ($scope) {
    $scope.treeViewData = dataArray;
});

var dataArray = [
    {
        id: 1,
        text: "Animals",
        items: [
            {
                id: 2,
                text: "Cat",
                items: [
                    { id: 5, text: "Abyssinian" },
                    { id: 6, text: "Aegean cat" },
                    { id: 7, text: "Australian Mist" }
                ]
            },
            {
                id: 3,
                text: "Dog",
                items: [
                    { id: 8, text: "Affenpinscher" },
                    { id: 9, text: "Afghan Hound" },
                    { id: 10, text: "Airedale Terrier" },
                    { id: 11, text: "Akita Inu" }
                ]
            },
            {
                id: 4,
                text: "Cow"
            }
        ]
    },
    {
        id: 12,
        parentId: 0,
        text: "Birds",
        items: [
            { id: 13, text: "Akekee" },
            { id: 14, text: "Arizona Woodpecker" },
            { id: 15, text: "Black-chinned Sparrow" }
        ]
    }
];
4

1 回答 1

2

你不应该设置选项

dataStructure: 'plain'

因为它在你的情况下是分层的

删除 dataStructure 选项应该会有所帮助

文档在这里

于 2015-07-27T06:19:41.827 回答