jsrender - jsViews - 如何从数据中设置选定的选项

Question

我有一个使用 jsViews 绑定到来自服务器的一些值的选择。我已经成功地展示了这些选项，但我希望能够跟踪并将选择选项设置为我的 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/

如您所见，我尝试使用 selected{: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 使用数字值。如果将它们更改为字符串，则可以切换到===.