ドロップダウンリストの中身をソートしよう
はじめに
Designerのページコンテンツに含まれるフィルタの項目をソートして表示することができます。
日付項目や文字列を任意の形にソートすることで、より使いやすい画面設計ができます!
完成イメージ
フィルタで利用するデータ項目に併せて昇順・降順のソートが可能です。
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1637.png)
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1636.png)
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1645.png)
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1644.png)
作成手順
1.作成したページ内のソートを適用したいフィルタを選択します。
2.[設定]タブの[バインド]配下の[ソース]の編集ボタンをクリックします。
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1638-1024x800.png)
3.[ソースの編集]画面にて、ソートのための設定を適用します。
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1640.png)
パラメータ概要
データタイプ:動的
フィルタ内のデータ項目を動的に取得します。
データソース
フィルタ内で利用するデータソースを選択します。
値フィールド
フィルタ内でソートの際に参照するデータ項目を選択します。
表示フィールド
実行時のフィルタ内で表示するデータ項目を選択します。値フィールドのパラメータを元にソートされて表示されます。
4.[ソートを有効にする]にチェックを入れて[ソート順]・[ソート順序]を任意の形に変更します。
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1643.png)
作成手順は以上です。
上記の手順を元に、フィルタ項目をより見やすい形に編集してみましょう!