LoginSignup
0
0

Month Pickerのクリア

Last updated at Posted at 2024-01-13

まずはこちらの手順通りでMonth Pickerを配置してください。
その内容をベースにしてお話を進めます。

手順に従いMonth PickerのOnSelectにNew Client Actionすると、MonthPickerOnSelectedというClient Actionが作成されます。MonthpickerIdというInput Parameterもできますが、解説では触れられていません。

image.png

Month Pickerで選択した後、クリックした状態で、Deleteキーや、Back Spaceキーを押すと、選択値は消えますが、これをボタンを押したら、消えるようにしたいです。

ボタンを配置して、MonthVarにNullTextIdentifier()を入れてみましたが、
image.png

ボタンを押しても、選択値が消えません。
image.png

Screen1を右クリックし、Add Local Variable、IdVarを作成します。
image.png

MonthPickerOnSelectedのMonthpickerIdをここで、IdVarにセットします。
image.png

ButtonOnClickにJavaScriptを追加、IdVarを渡します。
image.png

JavaSpriptはこれです。

OutSystems.OSUI.Patterns.MonthPickerAPI.GetMonthPickerItemById($parameters.IdVar).provider.clear();

image.png

これでボタンを押したら、選択値が消えます。
image.png

Month Pickerはflatpickrというのが使われているようです。

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