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

注意：上面只是文件夹结构应该如何的一个要点。除主题目录

之外还有其他资源

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

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

如何在rails上使用ruby设置jstree

1 个答案: