0

我正在尝试构建树视图,发现 jstree 很适合创建树。我有我的 Rails 应用程序,我可以从中创建树。我将 jstree 文件放在 app/assets/javascript 目录中。在 _lib 目录和 jquery.jstree.js 之后。但我不知道我应该把主题目录放在哪里。

应用程序/资产/javascript

 _lib
 jquery.jstree.js

虽然我知道我可以在我的应用程序的资产管道 javascript 文件夹中设置 jquery.jstree.js。我只想使用jstree的静态html插件,其中列表数据将动态更改

在我的视图文件中,我的列表如下

<div id="selector">
   <ul>
 <li><a>JBP PROD</a>
    <ul>
        <% i = 0 %>
        <% while i< @params_jbp_prod.length %>
        <li><%= @params_jbp_prod[i] %> &nbsp&nbsp&nbsp@
                    <i><%= @cl_jbp_prod[i] %> </i></li>
        <% i+=1 %>
        <% end %>
    </ul>
</li> 
<li><a>JBP SUKANTA</a>
    <ul>
        <% i = 0 %>
        <% while i< @params_jbp_main.length %>
        <li><%= @params_jbp_main[i] %> &nbsp&nbsp&nbsp@
                    <i><%= @cl_jbp_main[i] %></i></li>
        <% i+=1 %>
        <% end %>
      </ul>
   </li>
  </ul>
</div>
4

1 回答 1

2

jQuery.jstree.js遵循自己的文件夹结构。无论您使用哪种脚本语言,都将 jstree 的所有内容放在一个目录下。在你的情况下app/assets/javascript/jstree

 + app
   + assets
     + javascript
       + jstree
         + themes
           + default
           |__ style.css
       |__ jquery.jstree.js
       |__ jquery.jstree.min.js

注意:以上只是文件夹结构应该是什么样子的要点。除了主题目录,还有其他资源

确保jstree使用jQuery. 在同一个视图文件(如上所示)中,包括这些行。

 <script type="text/javascript">    
     jQuery("#selector").jstree({ 
        "themes" : {
            "theme" : "default",    
            "icons" : false
        },
        "plugins" : [ "themes", "html_data"]
    });
  </script>
于 2013-09-11T11:32:52.777 回答