ローカルデータソースへのKendo TreeViewをバインドするヘルプが必要です

StackOverflow https://stackoverflow.com//questions/12694773

質問

私はKendo Treeviewを使いようとしています。私は単純なASP.NET Webフォームページを持っていて、オンラインデモからコードをコピーして貼り付けましたが、私がすることは何もありません。任意のアイデア？

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Kendo TreeView Demo</title>
    <link href="styles/kendo/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo/kendo.default.min.css" rel="stylesheet" />
    <style type="text/css">
        * { font-family: "Segoe UI", Arial, Helvetica, Sans-Serif; font-size: 12px; }
    </style>
    <script type="text/javascript" src="scripts/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/kendo/kendo.all.min.js"></script>
    <script type="text/javascript" src="scripts/kendo/kendo.data.min.js"></script>  
    <script type="text/javascript">
        $(document).ready(function ()
        {
            var inlineDefault = new kendo.data.HierarchicalDataSource(
            {
                data:
                [
                    {
                        text: "Furniture",
                        items:
                        [
                            { text: "Tables & Chairs" },
                            { text: "Sofas" },
                            { text: "Occasional Furniture" }
                        ]
                    },
                    {
                        text: "Decor", 
                        items:
                        [
                            { text: "Bed Linen" },
                            { text: "Curtains & Blinds" },
                            { text: "Carpets" }
                        ]
                    }
                ]
            });

            $("#treeview-left").kendoTreeView(
            {
                dataSource: inlineDefault
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="treeview-left"></div>
    </div>
    </form>
</body>
</html>
.

役に立ちましたか？

解決

kendo.all.min.jsの後にkendo.data.min.jsが含まれています。後者は前者の内容を含んでいるので削除されるべきです。

これは作業サンプルです： http://jsbin.com/icojuv/1/editud>

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top