Hai bisogno di aiuto per vincolar a Kendo TreeView a un'origine dati locale

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

Domanda

Sto cercando di usare il Kendo TreeView e non sto assottentamente senza fortuna vincolante a un'origine dati locale.Ho una pagina semplice dei moduli Web ASP.NET e ho copiato e incollato il codice dalle demo online, ma niente faccio a funzionare.Qualche idea? 

<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>
.

È stato utile?

Soluzione

Hai incluso Kendo.Data.min.js dopo Kendo.all.min.js che dovrebbe essere rimosso perché quest'ultimo include il contenuto del precedente.

Ecco un campione di lavoro: http://jsbin.com/icojuv/1/edit

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top