Dropdown - How to get choices to re-render when it's a callback? #274

brancusi · 2021-03-16T04:11:11Z

brancusi
Mar 16, 2021

Hi,

When using a callback for choices, and if something within that function should react to changes, the choices fn won't rerun leading to out of sync choices.

Example

(defn uom-drop-down
  [{:keys [uoms
           model
           update-fn
           create-fn]}]
  [:div
   
   [:p (str "Total UOMS: " (count uoms))] ;; <- This updates fine

   [single-dropdown
    :src (at)
    :width "150px"
    :filter-box? true
    :auto-complete? true
    :model model
    :label-fn (fn [val] (:label val))
    :id-fn (fn [val] val)
    :debounce-delay 0
    :on-change (fn [val]
                 (case (:type val)
                   :create (create-fn (:val val))
                   :select (update-fn [(:id val) val])))
    :choices (fn [{:keys [filter-text]} done _] ;; <- This never gets recalled even if uoms changes
               (let [results (query->suggestions uoms :label filter-text)]
                 (done (if (seq results)
                         results
                         [{:label (str "No match found. Create " filter-text) :val filter-text :type :create}]))))]])

uoms is getting passed in from the parent. If there is no match, we want to be able to create a new UOM and then have that be added to the list for future use. Currently this choices won't rerun if uoms is updated.

Any help on how I might get this to work much appreciated.

Thank you

superstructor · 2021-03-29T20:27:30Z

superstructor
Mar 29, 2021

This might be a state issue with how you've structured your reagent component uom-drop-down.

Other reagent forms such as Form-2 or Form-3 combined with wrapping external state, see external-model and latest-ext-model in input-text-base might be helpful.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Dropdown - How to get choices to re-render when it's a callback? #274

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Uh oh!

Dropdown - How to get choices to re-render when it's a callback? #274

Uh oh!

brancusi Mar 16, 2021

Replies: 1 comment

Uh oh!

Uh oh!

superstructor Mar 29, 2021

brancusi
Mar 16, 2021

superstructor
Mar 29, 2021