在我的項目中使用現有的github存儲庫

我一直在尋找適合Rails應用程序的好組合框。在我的項目中使用現有的github存儲庫

我發現這一個： https://github.com/danielfarrell/bootstrap-combobox/tree/1.1.1這正是我所期待的。我只是無法弄清楚如何使它在Rails中工作。我有一個micropost，它有一個：接收器，所以當它被提交時，這個帖子前面有一個這個帖子的意思的縮寫。

我已將bootstrap-combobox.js和bootstrap-typeahead.js添加到assets/javascripts。我已經包含.css文件。我已經插入的代碼：

<%= form_for(@micropost) do |f| %> 
    <%= render 'shared/error_messages', object: @micropost %> 
    <div class="field"> 
    <div id="post_form">     
     <%= f.text_area :content, placeholder: "Compose..." %> 
    </div> 
    </div> 
    <div class="span3"> 

     <%= f.select :receiver, 
     [['all', 'all'], 
     ['aicc', 'aicc'], 
     ['daf', 'daf'], 
     ['faf', 'faf'], 
     ['gal', 'gal'], 
     ['mcg', 'mcg'], 
     ['paq', 'paq'], 
     ['self', 'self'], 
     ['uyt', 'uty']], 
     :class =>"combobox"%> 
    </div> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.combobox').combobox(); 
    }); 
</script>

我得到的組合框的描述和它的作品只是當我提交總是發送的第一個值的形式，「一切」，不管我選擇或什麼的哪個值我進入了這個領域。我做了插件作者推薦的一些更改，但我仍然得到相同的結果。

我也試圖與此代碼的部分進行設置：

<f.select> 
    <option></option> 
    <option value="self">self</option> 
    <option value="all">all</option> 
    <option value="aicc">aicc</option> 
    <option value="daf">daf</option> 
    <option value="faf">faf</option> 
    <option value="gal">gal</option> 
    <option value="kks">kks</option> 
    <option value="mcg">mcg</option> 
    <option value="paq">paq</option> 
    <option value="tan">tan</option> 
    <option value="tas">tas</option> 
    <option value="uyt">uyt</option> 
</select>

但我無法弄清楚如何檢索與此格式的值。有沒有人有任何想法，我可以做什麼做這項工作？謝謝。

來源

2013-04-14 Bw00d

你將不得不指定你正在遇到的確切問題。「不會工作」式的問題沒有得到太多的積極關注。話雖如此，它似乎純粹是基於JavaScript的，所以它可能與rails的唯一連接就是傳遞給它的任何數據。我可能會推薦類似Gon的寶石來處理任何Rails-to-javascript的東西。 –

另外你可以得到一個關於bootstrap的簡介 - http://twitter.github.io/bootstrap/getting-started.html – Rohit

感謝您的建議。我會在bootstrap上刷新。 – Bw00d

這與rails無關，因爲它是一個HTML組件。要使用它，你必須把它放在演示文稿中，並以常規組合框的形式檢索該值。

來源

2013-04-14 06:34:10

感謝您的提示。時間來閱讀JavaScript我想。 – Bw00d

在我的項目中使用現有的github存儲庫

回答

相關問題