Javascript 如何使用RubyonRails设置jstree

我试图构建一个树视图，发现jstree很适合创建树。我有我的rails应用程序，可以从中创建树。我将jstree文件放在app/assets/javascript目录中。下面是_lib目录和jquery.jstree.js。但是我不知道我应该把主题放在哪里

app/assets/javascript

 _lib
 jquery.jstree.js

虽然我知道我可以在我的应用程序的asset pipelines 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>

JBP产品

nbsp @



苏坎塔酒店

nbsp @

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>

jQuery（“#选择器”）.jstree（{
“主题”：{
“主题”：“默认”，
“图标”：错误
},
“插件”：[“主题”，“html_数据”]
});

我应该在视图文件中包含这些jstree，因为它们是外部文件，还是会自动添加？我还没有尝试rails4。但是在rails的早期版本中，您必须在相应视图目录的布局中包含

.js

文件。如果包含了

jquery.jstree.js

，或者没有jquery.jstree.js，请尝试查看页面源代码（

ctrl-u

）。默认情况下，从_lib加载了jquery.jstree.js和ja文件，但仍然无法构建树。我做了这些，并获取了树，但只有斜体块，而不是数据的列表块。如何更正。当我放置时，它起作用了：）