использование jsTree для создания веб-файлового менеджера - PullRequest
Новая
       7

использование jsTree для создания веб-файлового менеджера

0 голосов
/ 07 декабря 2011

Я хочу создать веб-сайт, который в основном является проводником веб-файлов для файлов, размещенных на стороннем облачном сервере.Я хочу, чтобы пользовательский интерфейс выглядел как проводник Windows.Я использую asp.net

1) для своей цели, какая из них является самой простой для POC и отвечает моим потребностям?http://www.programmingsolution.net/useful-js/jquery-treeview.php (хотя я 2, но я открыт для исправлений)

2) Я пытался следовать этому уроку: http://luban.danse.us/jazzclub/javascripts/jquery/jsTree/reference/_examples/1_datasources.html

js: 

$(document).ready( function() {         

    jQuery("#fileTreeDemo_2")
    .jstree({
        core: { /* core options go here */
    },
    plugins: ["themes", "html_data", "some-other-plugin"]
});

    jQuery("#fileTreeDemo_2").jstree( { data  : {
    type  : "json",
    json  : [ 
      { attributes: { id : "pjson_1" }, state: "open", data: "Root node 1", children : [
        { attributes: { id : "pjson_2" }, data: { title : "Custom icon", icon : "../media/images/ok.png" } },
        { attributes: { id : "pjson_3" }, data: "Child node 2" },
        { attributes: { id : "pjson_4" }, data: "Some other child node" }
            ]}, 
        { attributes: { id : "pjson_5" }, data: "Root node 2" } 
        ]}
    });

  }
)

html: 

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

     <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/jstree_pre1.0_fix_1/jquery.jstree.js" type="text/javascript"></script>
    <link href="css/defaultView.css" rel="stylesheet" type="text/css" />
    <script src="js/defaultView.js" type="text/javascript"></script>

</head>
<body>


 <div class="menu">menu</div>
<div class="content">
    <div class="sidebar">


        <div id="fileTreeDemo_1" class="demo"> </div>   
        <div id="fileTreeDemo_2" class="demo"> </div>   

    side    </div>


    <div class="main">main</div>
</div>


</body>
</html>

однако в исходном коде нет элементов в: 

<div id="fileTreeDemo_2" class="demo   jstree jstree-1 jstree-focused jstree-default">
<ul></ul>
</div>

что я делаю не так?

TIA

...