Office PowerApps

PowerAppsTIPS~データの一覧表示~

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

では、データを一覧で表示させてみましょう

PowerAppsTIPS~表示画面と編集画面のきほん~

↑から、ギャラリーコントロールを使うと一覧で表示できるとのこと

ギャラリーコントロール

オンラインヘルプは↓でーす

PowerApps のギャラリー コントロール

データの一覧アプリを作ってみる(サンプル)

では、データの一覧が表示されたアプリを作ってみましょう

前提条件

  • 一覧に表示するデータソースはOneDriveに置いたExcelファイルを使う
  • データソースにはメンバーリストを使う
  • 以下のコントロールを追加します
    コントロール コントロール名
    画面 ScrList
    ギャラリーコントロール glyDataDisyplay

手順

  1. データソースを追加をクリック
  2. OneDriveをクリックしましょう
  3. OneDriveにおいてあるExcelファイル一覧がでてくるので
    接続したいExcelファイルを選択する
  4. Excelファイル内のテーブル一覧がでてくるので
    接続したいテーブルにチェックを付けて
    接続をクリック

    ここではテーブル2というのを使います
    この名前覚えておいてくださいね
  5. リストがでました
  6. では、ギャラリーコントロールを画面に張りましょう
    メニューから挿入→右のほうに↓があるのでその中にギャラリーがあります
    ギャラリーの右に↓があるのでそれをクリック
  7. テンプレートがいろいろ表示されるので好きなものを
    ここでは縦方向(空)をクリック
  8. 赤枠部がギャラリーコントロールを張り付けた状態のものです
  9. ギャラリーコントロールにデータを紐づけます
    右部のギャラリーコントロールのプロパティを詳細設定を表示します
    詳細設定をクリックする
  10. データを紐づけるには
    Itemsプロパティに4で接続したデータを指定します
    ここでは接続済みのメンバーリストを入力する
  11. じゃあ、メンバーリストのデータを画面に表示させましょう
    データを表示させるコントロールはいっぱいありますが
    ここではいちばん単純なラベルでデータを表示させます
    まずは、ギャラリーコントロールの上の方をクリックして
    コントロールを配置するとこを決める
    メニューの挿入→ラベルをクリック
  12. なにかデータが勝手にでましたね
    ふりがなを表示されているとのこと
  13. データが勝手に出てもらっても困るので出すデータを選択します
    右部に選択中の追加したラベルコントロールのプロパティが表示されてます
    赤枠部の↓をクリックすると
    ドロップダウンして画面に表示できるカラムが表示されます

    ここでは勝手に表示したふりがなから名前を選択しました
  14. 名前がでました
  15. では、実際に起動したときはどのようにでるのでしょう
    保存してアプリのプレビューを実行してみましょう
    画面右上に>ボタンがあるのでクリック
  16. プレビューが表示されました

    スクロールでぐりぐりするとExcelファイルの全名前データがでてると思います

解説

さて、ここでのポイントは

手順9、10でギャラリーコントロールのプロパティで

Itemsに値を設定しました

Items – ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソースです。

オンラインヘルプでは↑とのこと

Itemsにメンバーリストを設定しました

これはギャラリーコントロールにメンバーリストのデータを表示する

っということになります

336px アドセンス

336px アドセンス

-Office, PowerApps
-, , , , , , , ,

執筆者:


comment

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

CAPTCHA


関連記事

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

データの並び替えをしましょう ExcelのデータからPowerAppsでアプリを自動作成 ↑でできたアプリを解析してみました   「↓↑」アイコンをクリックすることで、 それをきっかけとして …

SharePoint Designerでリストを作ってみる

SharePoint Designerをつかってみる ↑でSharePoint DesignerでOffice365のSharePointサイトに接続することができました SharePoint Des …

PowerAppsTIPS~データに接続する データソース~

↓から、PowerAppsではいろいろなサービス・システムに接続して、そのデータをアプリに表示できると Microsoft PowerApps の接続の一覧 じゃあどのようにしてアプリからそれらサービ …

PowerAppsTIPS~データの1件表示~

つぎにデータを1件で表示させてみましょう つまり、フォームコントロールを使います 表示ONLYなので、ディスプレイフォームコントロールを使います Display Form コントロール 詳しいことは↓ …

SharePoint Onlineをネット経由で接続~ドメインの設定~

外からOffice365のSharePoint Onlineに繋ぐためには、 SharePoint Onlineの設定でドメインを登録しないとダメなんですね ここではそのやり方を説明します ドメインの …

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

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

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