Business Efficiency Digital Transformation エンジニアブログ

Power Appsで簡単に「在庫管理アプリ」を作成し、無駄な在庫や欠品を減らす！〜第5回　機能追加編(3)〜

記事の監修

H.Sueno

記事の監修

H.Sueno

開発部/1グループ Bizwindのエース
資格：MCP認定資格（PL-900,100,300）、フォークリフト免許、サウナスパ健康アドバイザーなど
2023年8月入社。エンジニア経験は浅いながらも当社では、自称エースとして活躍中。
アプリ開発だけでなく、ハンズオンやハッカソンの経験も持つ。
コミュニケーション能力も高く、仕事、プライベートとともに周りの人から慕われている。
趣味はダンスやサウナ、筋トレでエネルギッシュな一面に加え、マンガやアニメ、音楽など幅広い分野が好きである。

Contents

機能の概要

ボタン押下で各Itemのサマリーのみ表示

ボタン押下でサマリーから全件表示へ

1. サマリー表示機能追加

1-1. 在庫管理アプリを開く

1-2. 「Screen1」の「OnVisible」プロパティに数式を記載

1-3. 「ボタン」コントロールの追加

1-4. 「Button2」の「OnSelect」プロパティに数式を記載

1-5. 「Button2」の「Text」プロパティに数式を記載

1-6. 「DataTable1」の「Items」プロパティに数式を記載

1-7. 「Button1」の「OnSelect」プロパティに数式を記載

2. 実際にアプリを動かしてみる

2-1. アプリを開く

2-2. ボタンを押下するとサマリーが表示される

2-3. 再度ボタンを押下すると全件が表示される

2-4. サマリーのみ表示の状態で並び替えを行う①

2-5. サマリーのみ表示の状態で並び替えを行う②

2-6. サマリーのみ表示の状態でItemの検索を行う

2-7. サマリーのみ表示の状態で新規登録を行う①

2-8. サマリーのみ表示の状態で新規登録を行う②

2-9. サマリーのみ表示の状態で新規登録を行う③

機能の概要

ボタン押下で各Itemのサマリーのみ表示

在庫管理アプリ

ボタン押下でサマリーから全件表示へ

在庫管理アプリ

1. サマリー表示機能追加

1-1. 在庫管理アプリを開く

第3回までで作成した在庫管理アプリを編集画面で開きます。

1-2. 「Screen1」の「OnVisible」プロパティに数式を記載

「Screen1」の「OnVisible」プロパティに下記数式を記載します。
Clear(ItemNameCol_2);ClearCollect(ItemNameCol,Distinct(StockControl_Blog,Item.Value));ForAll(ItemNameCol As food,Collect(ItemNameCol_2,LookUp(Sort(StockControl_Blog,ID,SortOrder.Descending),food.Value = Item.Value)))

1-3. 「ボタン」コントロールの追加

挿入を押下し、「ボタン」コントロールを追加します。

1-4. 「Button2」の「OnSelect」プロパティに数式を記載

「Button2」を「並び替え」アイコンの左側に配置し、「OnSelect」プロパティに下記数式を記載します。
UpdateContext({Summary:!Summary})

1-5. 「Button2」の「Text」プロパティに数式を記載

「Button2」の「 Text 」プロパティに下記数式を記載します。
If(Summary = true,”全件表示”,”サマリー表示”)

1-6. 「DataTable1」の「Items」プロパティに数式を記載

「DataTable1」の「Items」プロパティに下記数式を記載します。
If(Summary = true,SortByColumns(If(IsBlank(ComboBox1.Selected.Value),ItemNameCol_2,Filter(ItemNameCol_2,Item.Value =ComboBox1.Selected.Value)),”Date”,If(SortDescending1,SortOrder.Descending,SortOrder.Ascending)),
SortByColumns(If(IsBlank(ComboBox1.Selected.Value),StockControl_Blog,Filter(StockControl_Blog,Item.Value =ComboBox1.Selected.Value)),”Date”,If(SortDescending1,SortOrder.Descending,SortOrder.Ascending)))

1-7. 「Button1」の「OnSelect」プロパティに数式を記載

「Button1」の「OnSelect」プロパティに下記数式を追記します。
Clear(ItemNameCol_2);ClearCollect(ItemNameCol,Distinct(StockControl_Blog,Item.Value));
ForAll(ItemNameCol As food,Collect(ItemNameCol_2,LookUp(Sort(StockControl_Blog,ID,SortOrder.Descending),food.Value=Item.Value)))