condition や forEach でもダイナミックプロパティ
Teeda 1.0.13-rc2 から,condition や forEach でもダイナミックプロパティが使えるようになりました.
Teeda 1.0.12 から condition や forEach を使える要素が増えたことと合わせて,表現力が大きく向上したと思います.
特に従来は colspan
や rowspan
を使ったテーブルの表現が難しかったと思うのですが,それも簡単というか自然に表現できます.
以下は Teeda HTML Example に含まれている例.
<table border="1"> <tbody id="productItems"> <tr> <th id="isCategoryColumn" rowspan="2"> <span id="category">カテゴリ1</span> </th> <td> <span id="name">プロダクト1</span> </td> </tr> <tr id="mockRow"> <td>プロダクト2</td> </tr> </tbody> </table>
テーブルの 2 行目はモックなので,実行時には無視されます.
1 行目の最初のカラムは condition なので,categoryColumn
プロパティが true
の場合のみ描画されます.
実行時は,前の行と同じカテゴリだったら categoryColumn
プロパティが false
になるようにすればこの <th>
とその内容は描画されません.
描画される場合は,同じカテゴリのプロダクトが続く数を categoryColumnRowspan
プロパティの値にすれば,それが rowspan
属性の値となります.
簡単でしょ?
Teeda HTML Example が動いているならこの URL で確認できます.