Skip to Content (Press Enter)
UserImage.jpg
Bella Nguyen
48Views
4Comments
Solved
Full Calendar Reactive day color base one condition of drop down
Question
Reactive
Application Type
Reactive

Hi, I'm working in an booking room Reactive application and using Full Calendar to show which days are full (color gray) and which days are available for booking (color yellow). I have a table stored data with a column 'Booking Status' and a drowndown to fillter the status then show it in calendar after press button, but I got problem when show data to the calader. 

My table:

The button action:

Is there anyone using this dependency, please help me on this. I attached my oml of this app.

EXample.oml
EXample_DB.oml
0
0
28 Apr 2023
Copy Link
UserImage.jpg
Kay Lun
Solution

Replying to Bella Nguyen's comment on 28 Apr 2023 03:26:50

Hi Bella,

I updated your omls to match what I say, and it works fine. You could download the oml and check what I have changed, hope this could help you to have a better idea on how it works.

Let me know if there's any unclear.

Cheers :)


Booking data


Dropdown


data action

See solution in context
EXample_DB_New.oml
EXample_New.oml
0
0
28 Apr 2023
Copy Link
UserImage.jpg
Kay Lun

Hi Bella,

There's couple thing I suggest you could follow for best practice

  1. You could use a static entity for bookingStatus, and in the booking entity, you could use the bookingStatusId as value
  2. The Dropdown list, I think you should create another aggregate just for BookingStatus instead
  3. You should put the booking data as an EventSource, and fetch the event using a dataAction

Since the oml didn't come with the example_db, which I cannot test for the result, but follow the above suggestion should lead you to solve the problem.

Hope this help.

0
0
28 Apr 2023
Copy Link
UserImage.jpg
Bella Nguyen

Hi Kay,

Thanks for your suggestion, I've tried it but it still got problem at the action calendar event. I apdated the DB so you can try to run it quickly.

0
0
28 Apr 2023
Copy Link
UserImage.jpg
Kay Lun
Solution

Replying to Bella Nguyen's comment on 28 Apr 2023 03:26:50

Hi Bella,

I updated your omls to match what I say, and it works fine. You could download the oml and check what I have changed, hope this could help you to have a better idea on how it works.

Let me know if there's any unclear.

Cheers :)


Booking data


Dropdown


data action

EXample_DB_New.oml
EXample_New.oml
0
0
28 Apr 2023
Copy Link
UserImage.jpg
Bella Nguyen

Replying to Kay Lun's comment on 28 Apr 2023 04:08:22

Thank you so much, my app can run now 

1
0
28 Apr 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.