4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

記事投稿キャンペーン 「2024年!初アウトプットをしよう」

モデル駆動型アプリのビューやフォームを左メニューで切り替えたい!

Last updated at Posted at 2024-01-09

こんにちは!
今日はモデル駆動型アプリで左のメニューで直接ビューやフォームを切り替える方法をご紹介します。

どういうこと?完成イメージ

標準でモデル駆動型アプリは同じテーブルであれば、ビューの画面内の左上のビュー名をクリックすることでビューを切り替えることができます。

image.png

これを左のメニュー(ナビゲーション・サイトマップ)で切り替えたいという要件をたまにお見かけします。その方法について次のセクションからご紹介します!
同様の方法で、フォームやレポートなども指定することができます。
image.png

作成方法

具体的には、モデル駆動型アプリのURLページを使用します。

指定したいページのURLを取得

モデル駆動型アプリの編集画面を開きます。
右上の再生ボタンをクリックし、アプリの再生画面を表示します。
image.png

直接表示したいビューを選択し表示します。
image.png

URLの「/main.aspx?appid=」以降をコピーします。
image.png

同様に、(新規)フォームの場合は、[新規]ボタンをクリックして、表示されるフォーム画面のURLの「/main.aspx?appid=」以降をコピーします。
image.png
image.png

ナビゲーション作成

ブラウザのタブを切り替えて、元のモデル駆動型アプリの編集画面を表示します。
画面左の「ページ」で[新規]ボタンをクリックします。
ポップアップで[URL]をクリックし、[次へ]ボタンを選択します。

image.png

先ほどコピーしたビューやフォームの「/main.aspx?appid=」以降のURLを貼り付けます。
ページの名前を付け、[追加]ボタンをクリックします。
image.png

URLの先頭(https://)から指定すると新しいタブで開くことができます。
「/main.aspx?appid=」から指定するとアプリ内で開くことができます。

[公開]をクリックします。完成です!
image.png

アプリの動作

アプリの再生画面を開き、ブラウザのリフレッシュボタンを2回ほどクリックします。
image.png

先ほど作ったページが追加されていることを確認して、これをクリックする
と、指定したビューを直接開くことができます。
image.png

参考

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?