5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

OutsystemsでSelect2を使ってみる

Last updated at Posted at 2019-10-18

はじめに

Outsystemsにて、Select2の記事がなかったのでメモ程度にここに記します。

想定読者

これからSelect2を使ってみようかなって方

Select2とは

こうゆうやつです。
image.png

このSelect2で大きく2つの事ができます。

A.検索ボックスが選択フォームに追加され、フィルタリング

image.png

B.タグのように複数の値を選択

image.png

Aの実装例

①適当なStatic Entityを作成。こちらは作りによってEntityでも可
image.png

②ComboboxとSelect2を配置
image.png

③ComboboxとSelect2の要素を紐付ける
image.png
image.png

④完成

image.png

Bの実装例

①適当なStatic Entityを作成。こちらも作りによってEntityでも可
image.png

②ListboxとSelect2を配置

image.png

③ListboxとSelect2の要素を紐付ける。Preparetionにて、StaticEntityのAggregateを作成し、そのListをListbox渡す。
image.png

image.png

image.png

④完成

image.png

終わりに

弊社で今年もアドベントカレンダーが開催されるようで、忙しくなりそうです..

5
0
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
5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?