2013-11-14 26 views
0

我有一個對象,它描述了一個應用程序,一個屬性可以有一個列表中的多個值。我正在使用JSRender和JSViews進行數據綁定,我對渲染部分非常滿意,而且我仍然需要學習很多JSViews。如何使用jsviews渲染多選列表框

我在我的應用程序中有幾個下拉列表,其中正確的值被選中,但我沒有看到如何用列表框中的幾個值來綁定數據。

我創建了一個JSFiddle來演示這個概念,但是我有一個問題,我的提琴似乎只在我登錄時才起作用,我給了它一個名字,我可以在我的公開小提琴中看到它,但是當連接作爲訪客,我可以看到代碼,但它似乎並沒有運行。

這:http://jsfiddle.net/ClaudeVernier/73pyx/]

如果你能幫助我得到這個工作在列表框在紅色長方形標識100和200選擇,那會幫助我很多,接下來,如果任何人都可以建議一種方法來擁有相同的東西,但我們在列表框中的每個項目旁邊都有checbox,那將是完美的!

,我認爲它的存在是一個jQuery插件,但我不知道,如果任何人有這樣的插件的經驗,並使其與JSViews工作...這將是一個夢想...... :-)

謝謝對於任何幫助, Claude

回答

0

在您的jsfiddle中,您使用的是render(),而不是link(),因此實際上您只使用JsRender而不是JsViews,並且不會獲得JsViews數據綁定。

您是否看到下面的示例:http://www.jsviews.com/#samples/tag-controls/multiselect?它顯示使用JsViews的多選列表框。

+0

非常感謝!這很棒 !!!對不起,我沒有找到它自己,因爲我應該有... :-D – ClaudeVernier

+0

你好, 我更新了我的JsFiddle:http://jsfiddle.net/ClaudeVernier/5NLGy/#base 因爲它,我的樣品不起作用,因爲我在所選項目中使用了外鍵,但是當我使用對完整列表的引用進行取消註釋時,它確實有效。 我開始想到一個解決方案,我將外鍵Ids數組轉換爲實際對象數組,但我還不確定此設計是否能夠長期與數據綁定,並且想知道您是否有對於像我這樣的場景的解決方案的任何想法? 感謝您的幫助, Claude – ClaudeVernier

+0

在JavaScript中,所選對象的數組,包含對另一個數組子集的引用,實際上將包含相同的對象。沒有指針的概念與實際對象的引用不同。當然,沒有外鍵的概念,甚至沒有關鍵的概念;該腳本不會以與對象上的任何其他屬性或字段不同的方式處理ID屬性。因此,如果您希望所選項目是可觀察數組,則要初始化該數組,則必須通過代碼適當地填充它。 Multiselect然後將添加和刪除該數組中的項目。 – BorisMoore