Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve ref property on Form components #1920

Closed
16 tasks done
mertsincan opened this issue Mar 30, 2021 · 0 comments
Closed
16 tasks done

Improve ref property on Form components #1920

mertsincan opened this issue Mar 30, 2021 · 0 comments
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@mertsincan
Copy link
Member

mertsincan commented Mar 30, 2021

In some cases, Users may want to access Html elements in components that wrap select or input elements. Now, the input or select element can be accessed by using inputRef property in the wrapper components. The inputRef property can be used like the ref property of React.


Wrapper Form Components( inputRef )

  • AutoComplete
  • Calendar
  • CascadeSelect
  • Checkbox
  • Chips
  • ColorPicker
  • Dropdown
  • InputMask
  • InputNumber
  • InputSwitch
  • MultiSelect
  • Password
  • RadioButton
  • TriStateCheckbox

Note: On the above components, ref => return PrimeReact component | inputRef => return HTML input/select element


Forwarding Refs( ref )
https://reactjs.org/docs/forwarding-refs.html

  • InputText
  • InputTextarea

Note: In these components, HTML input element can be accessed directly by using the ref property.

@mertsincan mertsincan added the Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add label Mar 30, 2021
@mertsincan mertsincan added this to the 6.2.2 milestone Mar 30, 2021
@mertsincan mertsincan self-assigned this Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
mertsincan added a commit that referenced this issue Mar 30, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

No branches or pull requests

1 participant