このサンプルは、マイクロソフトのAjax Client TemplatesライブラリとjQueryのAjax APIを利用して書籍のカバーをul/li要素にバインドして横に表示します。
a要素のhref属性、title属性に書籍データをバインドするには「sys:」を付加して属性に拡張機能を追加します。
<body xmlns:sys="JavaScript:Sys">
<ul id="books" class="sys-template">
<li>
<a sys:href="{{ Url }}" target="_blank" sys:title="{{ Title }}">
<img sys:src="{{ SmallImage }}" alt="" height="50px" />
</a>
</li>
</ul>
</body>