如何将Selectize.js安装到我的Rails应用程序中?

时间:2014-12-24 13:40:02

标签: javascript jquery ruby-on-rails-4 plugins selectize.js

我下载了Selectize.js,我正在尝试将其安装到我的Rails 4应用程序中,但是有太多文件,我很困惑。任何成功将Selectize安装到他们的应用程序中的人都可以帮我解决这个问题吗?我正在尝试实现一个autosuggest输入栏,用户可以从中输入不超过6个数据库的项目。

以下是我下载的内容(版本0.11.0):对于大量文档感到抱歉,但这正是我很困惑的原因。

-brianreavis-selectize.js-v0.11.0-0-gf293d8b (folder)
  -brianreavis-selectize.js-f293d8b (folder)
    -dist (folder)
      -css (folder)
        -selectize.css
        -selectize.bootstrap2.css
        -selectize.boostrap3.css
        -selectize.default
        -selectize.legacy
      -js (folder)
        -standalone (folder)
          -selectize.js
          -selectize.min.js
        -selectize.js
        -selectize.min.js
      -less (folder)
        -plugins (folder)
          -drag_drop.less
          -dropdown_header.less
          -optgroup_columns.less
          -remove_button.less
        -selectize.bootstrap2.less
        -selectize.bootstrap3.less
        -selectize.default.less
        -selectize.legacy.less
        -selectize.less
    -docs (folder)
      -api.md
      -events.md
      -plugins.md
      -usage.md
    -src (folder)
      -contrib (folder)
        -highlight.js
        -microevent.js
      -less (folder)
        -.wrapper.css
        -selectize.bootstrap2.less
        -selectize.bootstrap2.less
        -selectize.default.less
        -selectize.legacy.less
        -selectize.less
      -plugins (folder)
        -drag_drop (folder)
          -plugin.js
          -plugin.less
        -drop_down_header (folder)
           -plugin.js
           -plugin.less
        -optgroup_columns (folder)
           -plugin.js
           -plugin.less
        -remove_button (folder)
           -plugin.js
           -plugin.less
        -restore_on_backspace (folder)
           -plugin.js
      -.wrapper.js
      -constants.js
      -defaults.js
      -selectize.js
      -selectize.jquery.js
      -utils.js
    -test (folder)
      -vendor (folder)
        -chai.js
        -mocha.css
        -mocha.js
        -syn.js
      -api.js
      -events.js
      -events_dom.js
      -index (Chrome Html Document)
      -interaction.js
      -setup.js
      -xss.js
    -.gitignore
    -.travis.yml
    -bower.json
    -Gruntfile.js
    -LICENSE
    -Makefile
    -package.json
    -selectize.jquery.json
    -testem.json

2 个答案:

答案 0 :(得分:1)

将javascripts插件包含到rails应用程序的最佳方法是使用gem(如果存在)。值得庆幸的是,有一个用于选择,selectize-rails

答案 1 :(得分:1)

您需要做的第一件事是安装gem文件。 将此行添加到您的gemfile

 gem "selectize-rails"

现在从命令行运行捆绑包。

接下来,您需要告诉您的应用程序使用selectize来将以下行添加到您的application.js文件

 //= require selectize

就是这样。