新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


Spryにはダイナミックリージョンというものがあり
・データ内容で場合分け
・条件を満たすもののみを表示
・表示後の操作でソートキーを変更、項目を絞り込む
などが可能となっている

ここではXMLファイルを


galleries/{dsGalleries::@base}{dsGalleries::@file}

と表示している

ここの説明は次のコードを読んでから・・・@


次はbody部



 <h1 id="albumName" spry:region="dsGallery">{sitename}
 <span class="return"><a href="../index.html">Back to Demos</a></span>
 <span class="source"><a href="source.html">View Source </a></span>
</h1>


■spry:region
これはダイナミックリージョンの属性をあらわす
ここでは「dsGallery」となっている



次にView内の表示項目の設定です

まずgalleries部


<select spry:repeatchildren="dsGalleries" spry:choose="choose" id="gallerySelect" onchange="dsGalleries.setCurrentRowNumber(this.selectedIndex);">
 <option spry:when="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected">{sitename}</option>
 <option spry:default="default">{sitename}</option>
</select>




■spry:repeatchildren="dsGalleries"
これは"dsGalleries"の要素の数だけ繰り返してくれるものである

■spry:choose / spry:when / spry:default
これは場合分けする

■onchange="dsGalleries.setCurrentRowNumber(this.selectedIndex);"

setCurrentRowNumberを使用し現在の行として設定する行の行番号を渡します

■spry:when="{ds_RowNumber} == {ds_CurrentRowNumber}"
ds_RowNumber = データセットに含まれる現在の行の行数(現在評価されている行の位置を表します。)
ds_CurrentRowNumber = データセットに含まれる現在の行の行数(ループ構造内で使用される場合でも変更されません。)

<a href="http://livedocs.adobe.com/ja_JP/Spry/1.4/help.html?content=WSA51791D5-53E6-4155-A08F-8ED72946131D.html">Spryデータ参照オプション</a>
↑参照


1つめのoprionで
XMLデータ内のsitenameを取得

2つめのoptionは
defaultで表示するサイト名の表示
その1はこちらから↓
http://kanamehackday.blog17.fc2.com/blog-entry-109.html



その1

http://kanamehackday.blog17.fc2.com/blog-entry-109.html

その2

http://kanamehackday.blog17.fc2.com/blog-entry-110.html

その3

http://kanamehackday.blog17.fc2.com/blog-entry-111.html

スポンサーサイト

テーマ:Spry - ジャンル:コンピュータ

<<SpryのSAMPLEにある Photo Galleryを使ってみた その3 (編集中・・・) | ホーム | SpryのSAMPLEにある Photo Galleryを使ってみた その1 (編集中・・・)>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://kanamehackday.blog17.fc2.com/tb.php/110-592fffee
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。