Questions tagged [primereact]

Use this tag for questions about PrimeReact, a collection of UI Components for React.js. Questions tagged [primereact] should also be tagged [reactjs], but NOT [primefaces].

296 questions
0
votes
0 answers

when i right click to the browser the open new link click then the menu link should be open to new tap) in panel menu component on PrimeRearcat

const sidemenuItems = [ { label: 'Home', icon: 'pi pi-fw pi-home', items: menu, // expanded: true, // onclick: (e:any)=> {onClickExpand(e)}, }, { label: 'Setting', icon: 'pi pi-fw pi-cog', …
0
votes
0 answers

PrimeReact InputNumber

What I have to use, if I want that InputNumber to be clear? not with default value? I use min and max for InputNumber and when I want to use InputNumber, this one set the default value to 0. Price is the InputNumber.
0
votes
0 answers

TradingView widget, advanced chart, not showing in React

I am trying to implement the Advanced chart widget of TradingView in my web application, that is created in React/Javascript, using primereact. I have tried several options before, and the only thing that worked so far was by importing the…
0
votes
1 answer

Primereact Datatable: Data undefined on editorCallback when focusing multiple InputTexts

I am using Datatable from Primereact and followed the documentation on implementing Cell Editing. const textEditor = (options: any) => { return ( { …
0
votes
1 answer

how to handle checkbox in prime react in grid date table

I'm having trouble identifying selected rows with a checkbox in prime React. the structure of the table is as follows: (the column with the checkbox most be "Visible?").
Motias
  • 89
  • 9
0
votes
0 answers

For PrimeReact Calendar component when I type event as CalendarChangeParams system don't allow me to update it's state

I want to update handleChange event as 'CalendarChangeParams', not as 'any', when I do so, I cannot update state which keeps values of picked dates. When I hover over below marked fields: Typescript throws me error as below: const newValues: Date |…
marcinb1986
  • 708
  • 1
  • 11
  • 30
0
votes
1 answer

How to type handleChange event using CalendarComponent from PrimeReact library

As in the title, I have in the app CalendarComponent from PrimeReact library, I want to type event from handleChange function. I don't want to leave it as :any as it's now. Can You suggest what should be typed here ? const handleChange = (e: any) =>…
marcinb1986
  • 708
  • 1
  • 11
  • 30
0
votes
1 answer

PrimeReact DataTable: How to modify the value of one cell based on another

I am testing the DataTable component of PrimeReact. Just testing because I can't yet decide which component library to use. I'm using editMode="cell" and the onCellEditComplete callback of DataTable when modifying a field and with the rowData prop I…
Antonito
  • 77
  • 1
  • 9
0
votes
0 answers

How to make select same size as largest option in React?

I have a select and a Dropdown from the primereact library, arranged as such:
Inside SelectComponent:
The problem is that the Dropdown content renders far away from the container div, and…
0
votes
0 answers

Primereact Datable: the select all check box should appear in the header of datatable instead of the filterDisplay row

I am using both checkbox selection and filterDisplay="row" in Data Table. FilterDisplay="row" should be implemented by checking all checkboxes shown in the filterDisplay row. I'm trying to display the header of the datatable. Would it be possible to…
0
votes
0 answers

Prime React Country & City Dropdown

I want to create dropdown fields containing countries and cities using PrimeReact. I want to provide this with json file. After the country is selected, I want the cities to be listed accordingly. I couldn't find any examples. How can I achieve…
alpayergul
  • 33
  • 4
0
votes
0 answers

Object, object Problem | Using country - city json file compatible with PrimeReact

I am trying to embed country - city json file with PrimeReact. I am having difficulty because of this. I'm pulling the information for the country, but the city shows as [Object, object ].
alpayergul
  • 33
  • 4
0
votes
0 answers

How to externally set calendar value in primereact?

I added a couple buttons to the calendar footer, just to set the value to a specific date. The date is declared with usestate, and when I click the button, the value of the date variable is set appropriately, I also see the calendar UI changing the…
Nomenator
  • 1,021
  • 1
  • 13
  • 28
0
votes
1 answer

Support for PrimeReact's(version 7.x) Drag and Drop between 2 different Tree Objects

I already have a Tree component from PrimeReact 7.x that I use. Now I would like to have another UI element(another Tree or list my own implementaion) that I should be able to drag and drop to the existing Tree. Preferrable a drag and drop between 2…
user578219
  • 597
  • 2
  • 9
  • 32