SelectInput custom field

s4chin11 months ago

15

• 

  mweggersen11 months ago

  I think you are missing a getter and setter for the new field. See here for docs on it.

  
  https://payloadcms.com/docs/admin/preferences
  
  

  Spesificly this line:

  
  

  const { getPreference, setPreference } = usePreferences();

  
  
  

  where the getter and setter are defined. i havent done an implamantaion with this but it should be fairly straight forward if you look at the example.

• 

  s4chin11 months ago

  I will try this

• 

  jarrod_not_jared

  11 months ago

  You can see from the source code that the onChange is a bit differrent when you have multiple options, check this out:

  https://github.com/payloadcms/payload/blob/master/src/admin/components/forms/field-types/Select/index.tsx#L64-L85
• 

  s4chin11 months ago

  oh yes

  
  

  
  

  On change did solve my issue on setting the value but I m getting this type issue which is of course I have custom field type set to text which I cant change to array

  
• 

  jarrod_not_jared

  11 months ago

  Do you need it to be stored in the DB?

  
  

  
  

  I feel like a

  ui

  field would be perfect for this

• 

  s4chin11 months ago

  Yes its a cart thats why and admin can add into some add ons in users cart, product is generally free but add ons are not and add ons varies according to product thats why I have to keep it there

• 

  jarrod_not_jared

  11 months ago

  Well I understand that for addOns, but what is the need for selectedAddOns? Or am I misunderstanding?

• 

  s4chin11 months ago

  User can only select add ons from a single product he cant add another product or add ons from another product

• 

  jarrod_not_jared

  11 months ago

  oic, you will likely want to use a

  json

  field type instead of text field type for your custom field

• 

  s4chin11 months ago

  Thank you for your help. I m very new to this and still exploring. Changing type to json helped.

• 

  jarrod_not_jared

  11 months ago

  yeah no problem!

• 

  banks08 months ago

  Could you link the code? Im having the same issue...

• 

  s4chin8 months ago

  change type to json and in your custom select field instead of Select input just use Select from "payload/components/forms"

  

  
• 

  banks08 months ago

  Can you link the whole component file?

• 

  jarrod_not_jared

  8 months ago

  @banks this is just like the date field in the other thread you have going