Office PowerApps

PowerAppsTips~データの並び替え② UpdateContext関数~

投稿日:2017/05/17 更新日:

PowerAppsTips~データの並び替え① PowerAppsの変数~

さて、↑でデータの並び替えの方法として

コンテキスト変数をつかうというのがわかりました

では、データ並び替え処理を、コンテキスト変数を使った処理を入れていきましょう

 

UpdateContext関数

ソート順を保持するためのコンテキスト変数を設定するため、

UpdateContext関数を使います

オンラインヘルプ的には↓

PowerApps の UpdateContext 関数

構文

UpdateContext( { ContextVariable1: Value1 [, ContextVariable2: Value2 [, … ] ] } )

  • ContextVariable1 – 必須。 作成または更新するコンテキスト変数の名前。
  • Value1 – 必須。 コンテキスト変数に割り当てる値。
  • ContextVariable2: Value2, … – 省略可能。 追加で作成または更新するコンテキスト変数とその値。

サンプル

↓↑アイコンを張り付けてそれにコンテキスト変数を更新する処理を入れます

また、このコンテキスト変数つかって、ギャラリーコントロールの検索処理にソート処理をまぜます

前提条件

  • ↓のつづきでつくります
    PowerAppsTips~表示を更新する Refresh関数~
  • 現在一覧表示しているテーブル:メンバーリストをソートします
  • ↑↓アイコンをクリックしたタイミングでソートします
  • コンテキスト変数名:SortDescendingとします
  • 以下のコントロールを追加します
    コントロール コントロール名
    ↑↓アイコン IconSortUpDown

手順

  1. アイコンを表示してしましょう
    挿入→アイコン→上下矢印を選択していく
  2. ↑↓アイコンがでてきましたね

    詳細設定をクリックして詳細設定プロパティを表示しましょう
  3. 詳細設定ですね↓

    これも詳細設定プロパティを変えていきましょう↓にしてください

    データ 設定値
    Tooltip “一覧の並べ替え”
    デザイン 設定値
    X Parent.Width – IconSortUpDown.Width
    Y 0
    Width 88
    Height 88
    PaddingTop 26
    PaddingRight 26
    PaddingBottom 26
    PaddingLeft 26
  4. それっぽくなりましたね

    では、コンテキスト変数の設定処理をいれていきます
    ↑↓アイコンの詳細設定プロパティを表示しましょう
  5. 処理はOnSelectプロパティにいれます
    ココに↓を設定しましょう
    UpdateContext({SortDescending: !SortDescending})
  6. こんな感じ

    上のバーでも入力できるのでどちらでも
  7. ギャラリーコントロールの詳細設定プロパティを表示しましょう
  8. 処理はItemsプロパティにいれます

    現在Itemsには
    SortByColumns(Search(メンバーリスト, TextInput1.Text, “名前”), “カレーの食べ方”, Descending)
    が入っています
    SortByColumns関数の第3引数(↑のDescending)を↓に変えましょう
    If(SortDescending, Ascending, Descending)
  9. こんな感じ

    上のバーでも入力できるのでどちらでも
  10. では、テスト実行してみましょう
    >ボタンをクリック
  11. 実行できました
    ↑↓アイコンをクリックしてみましょう
  12. 一覧のデータの並びがひっくり返りましたね

処理の説明

UpdateContext({SortDescending: !SortDescending})

というのを入れました

UpdateContext( { ContextVariable1: Value1 [, ContextVariable2: Value2 [, … ] ] } )

が構文で、

 

「コンテキスト変数名:SortDescending」が条件なので

ContextVariable1には、SortDescendingを設定

Value1には!SortDescendingを設定

これは変数SortDescendingに対し、

既にSortDescendingに入っている値をひっくり返して設定する

をやっています

 

これを↑↓アイコンのコントロールをタップまたはクリックした場合のアプリの反応を指定するOnSelectプロパティに設定します

なので↑↓アイコンをクリックすると、

SortDescendingの値がその度にひっくり返って、

ソート順がかわるんですね~

 

SortByColumns関数に設定した値の解説は次回にでも

こんなところですかね

336px アドセンス

336px アドセンス

-Office, PowerApps
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

PowerAppsTIPS~Office365のPowerAppsからデータ接続の追加~

PowerApps Studioでの接続は↓でできました PowerAppsTIPS~データに接続する データソース~ Office365のPowerAppsであらかじめ接続先を作っておくことで、 便 …

PowerApps Studioを使ってみる~PowerAppsの開発環境~

PowerAppsにはPowerApps Studioというツールが用意されているそうな。 ダウンロード | Microsoft PowerApps   Powerapps Studio f …

PowerAppsTIPS~データの1件編集~

つぎはデータを編集してみましょう フォームコントロールを使うんですが 編集表示なので、編集フォームコントロールを使います Edit Form コントロール ↓オンラインヘルプを一度見てください Pow …

PowerAppsが無償で使える?コミュニティプランが発表されたらしい

Microsoft、「PowerApps」のコミュニティプランを発表 ~個人用途に限り上位版が無償 ↑っというニュースを見つけました   コーディングなしでカスタムビジネスアプリを構築できる …

PowerAppsTips~データの並び替え③ If関数~

PowerAppsTips~データの並び替え② UpdateContext関数~ ↑でデータの並び替えをしました 8の手順で設定したSortByColumns関数の第3引数について解説しようかと &n …

いちおうソフト屋さんやってます
だめリーマンをつづけて10年過ぎました

お笑いと二次元とアイドル界隈の住人です
クルマやお料理なんかもいけるんやで

それではゆるゆるふわふわいきませう