2013-08-06 36 views
1

我有一個選擇哪個綁定到使用jsViews的服務器的一些值。我已成功地設法顯示選項,但我希望能夠跟蹤和設置選擇選項從我的JavaScript對象的值。這是我的代碼:jsViews - 我如何設置從數據中選擇的選項

<select id="albumChoice" data-link="selectedAlbum"> 
    <option value="-">Please select</option> 
    {^{for albums}} 
    <option data-link="{value{:id} text{:name}} selected{:selectedAlbum}}"></option> 
    {{/for}} 
</select> 

完整的示例代碼是在這個提琴:http://jsfiddle.net/4ZevT/

正如你可以看到我已經嘗試過使用選擇{:selectedAlbum}但是,這並不做任何事情。我必須做什麼,以便在頁面加載到服務器的值時自動設置該選項。

回答

4

這裏有一個例子:

http://www.jsviews.com/#jsvplaying。 (請參閱本節結束:樣品:數據鏈接到<select> ...等等...

我已經更新您的提琴在這裏:http://jsfiddle.net/4ZevT/2/

你語法數據鏈接上的<option...有一些錯誤。我把它更新爲:

<option data-link="value{:id} {:name} selected{:id == ~root.selectedAlbum}"></option>

選擇的結合需要一個布爾值,而不是數字...

我不得不因爲你使用的數值爲你的IDS設置selected{:id == ~root.selectedAlbum},而不是selected{:id === ~root.selectedAlbum}。如果您將它們更改爲字符串,則可以切換到===

+0

感謝鮑里斯。如果我的頁面上有多個選擇控件,是否有更好的方式來跟蹤選定的值?例如,如果我有以下選擇:FirstAlbumChoice,SecondAlbumChoice。如果我有這個,我需要在根上定義兩個變量。有沒有辦法讓它變成動態的,以便我可以根據需要添加儘可能多的選定變量? –

+0

這沒關係我想我會消化這個例子(http://www.jsviews.com/#samples/tagcontrols/multiselect)並嘗試使用那裏顯示的概念。謝謝。 –

相關問題