🤖

[Outsystems]Dropdown Searchで日本語を検索する方法

2023/11/03に公開

はじめに

ローコードアプリ開発基盤 Outsystems について学んだノウハウを備忘録的にまとめていきます。Outsystems についてご存じない方はこちらをご覧ください。

まずは Dropdown Search の配置・設定方法から

公式ヘルプのこちらが参考になります。
こちらを見ればわかりますので設定方法の詳細は省略します。

そのまま実装しても日本語のプルダウンリストを検索できない

困ったことにヘルプ通りに設定してもプルダウンリストの値が日本語だと検索できません。

ちなみに、アルファベットであればきちんと絞り込まれます。

解決方法

  1. Manage Dependencies にて OutsystemsUI の ClientAction の SetVirtualSelectConfigs を探して参照します。

  2. もう一度 Manage Dependencies を開いて OutsystemsUI の Entity から BooleanTypes を探して参照してください。

  3. DropdownSearch を画面上に配置した後、プロパティの Initializedイベントに
    New ClientAction を定義します。

  4. 新規作成したClientActionに先ほど参照した SetVirtualSelectConfigs をドロップします。

  5. ドロップ直後はプロパティの WidgetId がエラーになっているので、このClientActionの入力パラメータ DropdownSearchId を設定します。

  6. プロパティの ProviderConfigs の + を押してさらに下層にあるプロパティを開きます。

  7. 大量にあるプロパティから searchNormalize を探し出して Entities.BooleanTypes.False をセットします。

  8. 画面デザインに戻ると DropdownSearch が赤くエラーになっています。Intialized イベントのHandlerの入力変数 DropdownSearchId の SuggestionからDropdownSearchId を選択するとエラーが解消されます。

  9. ここまでできれば完成です。日本語で検索できることを確認しましょう。

参考

https://www.outsystems.com/forums/discussion/90167/outsystems-ui-dropdown-tags-search-doesnt-work-with-japanese-text/

https://www.outsystems.com/forums/discussion/86258/dropdownsearch-change-the-langague-values/

Discussion