如何在 Rails 上使用 ruby​​ 设置 jstree

Question

我正在尝试构建树视图，发现 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>

Answer 1

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

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

注意：以上只是文件夹结构应如何显示的要点。除了主题目录还有其他资源

确保使用jQuery 初始化jstree。在同一个视图文件（如上所示）中，包括这些行。

 <script type="text/javascript">    
     jQuery("#selector").jstree({ 
        "themes" : {
            "theme" : "default",    
            "icons" : false
        },
        "plugins" : [ "themes", "html_data"]
    });
  </script>