jsViews - 如何从数据中设置所选选项

Question

我有一个select使用jsViews绑定到服务器的某些值.我已成功设法显示选项,但我希望能够跟踪并将select选项设置为我的JavaScript对象中的值.这是我的代码:

<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},但这并没有做任何事情.我必须做什么,以便在页面加载到服务器的值时自动设置该选项.

Answer 1

这里有一个例子:

http://www.jsviews.com/#jsvplaying.(参见本节末尾:示例:数据链接到<select>......等等......)

我在这里更新了你的小提琴:http://jsfiddle.net/4ZevT/2/

你的数据链接语法<option... 有一些错误.我将其更新为:

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

选定的绑定需要布尔值,而不是数字......

我必须设置selected{:id == ~root.selectedAlbum}而不是selected{:id === ~root.selectedAlbum}因为你正在为你的id使用数值.如果将它们更改为字符串,则可以切换到===.