Questions tagged [primeng-dropdowns]
159 questions
2
votes
3 answers
PrimeNG table dropdown edit not working with label
I am using latest version PrimeNG table for listing records in Angular 4. But I am facing issue with editing the record through p-drowpdown. If I am selecting any of the data from the dropdown then its value field is displaying in column, which…
Kaushal Kishore
- 21
- 1
- 3
1
vote
0 answers
Add an "All" option to PrimeNG Dropdown
I'm trying to display data based on value selected in a dropdown. I need help adding an "All" option to the PrimeNG dropdown. The dropdown takes data from a json array of objects, and displays data corresponding to the object…
twentyseen
- 11
- 2
1
vote
0 answers
Excel Multi Dependant Dropdowns Based on repeating data
Am looking to create a multi layer dropdown solution for selecting addresses, where the dropdowns options change based on prior selections.
E.g - Selection options are Region, Country, City, Address Line 1
The ask is that if someone selects Region…
altermix101
- 11
- 1
1
vote
1 answer
PrimeNg Dropdown get ng-dirty class when its options update from API on page load
Firstly I create from with initial values.
Then call API to fill the dropdown options.
When page loaded I notice
that all dropdown have red border and have ng-dirty class before any
edit from UI.
Note: I tried to make form pristine using:…
Mouayad_Al
- 1,086
- 2
- 13
1
vote
0 answers
Primeng Dropdown: Is there a way to wait for options to load in a directive wrapping?
I'm trying to wrap p-dropdown with a directive mainly to handle translations and other behaviours. However I would also like to add a blank line to the top of the list of options which I've been trying to do in the directive in an attempt to avoid…
Ne0kropolis
- 21
- 4
1
vote
1 answer
Angular Primeng dropdown not highlighting items when arrow keys are moved up or down
I am using Primeng v11.x in my Angular 11 application. For some reason the option items are not highlighting when i used keyboard arrows to select an option item from the dropdown list
Mukil Deepthi
- 6,072
- 13
- 71
- 156
1
vote
3 answers
How to patch the value of multiselect dropdown (primeng component) in a reactive form?
I am using primeng components in the template.
I have the option to edit the form, which displays the existing field values. I am not able to patch the value of multiselect dropdown.
excludeDays = [
{label: 'Mon', value: 1},
{label:…
aakash gilotra
- 35
- 9
1
vote
4 answers
PrimeNG Dropdown LazyLoad event not firing
I have upgraded my Angular PrimeNG app from v9 to 11. Dropdown lazy loading has stopped working and event onBranchLazyLoadEvent isn't called now. Below is the sample code
Shahzad
- 508
- 7
- 16
1
vote
1 answer
How to wrap text on PrimeNg's dropdown?
How do I wrap text that exceeds width on PrimeNg's dropdown field? I have tried using .p-dropdown-label { word-wrap: break-word; } but it did nothing. Thanks in advance!
Allan Juan
- 2,048
- 1
- 18
- 42
1
vote
0 answers
PrimeNG dropdown - disable some items based on condition
I have one object array from that one property have two drive letter like C and D.
Now I have another string array which have A-Z value in p-dropdown I want to disabled above C and D from dropdown .So user can not select that both drive letter from…
1
vote
0 answers
Angular 9 PrimeNG p-dropdown selected value
I have a list of objects that can be expanded and edited, with a couple of drop-downs that are populated once you expand.
Each row is an object of the type Gama: { IdMaterial: 2,IdProveedor: 2, ..other props }
on onRowExpand, i populate a dropdown…
Arnau
- 11
- 1
1
vote
1 answer
PrimeNG dropdown with image
I am trying to implement PrimeNG's dropdown with images in front of option label, but the images are not displayed.
In the .ts file I have the options array like:
langOptions = [
{label: 'hungarian', value: 'hu', imgSrc:…
szelelaci
- 163
- 1
- 12
1
vote
2 answers
EventEmitter.emit() is not a function
I have a child component where I use a dropdown from primeng plug in to send its value to the parent whenever the user changes the selection. I use the EventEmitter.emit() function to emit a value of type Solution. The Solution is an interface…
GabrielAV
- 31
- 3
- 8
1
vote
0 answers
Filtering p-dataView with p-dropdown NgPrime
I am struggling with filtering a dataView with a dropdown menu using NgPrime. It's specifically the dropdown that's giving me a hard time. In fact, I have a working pInputText that filters the dataView for the same thing which tells me it's my…
Sad-EyedLadyoftheLowlands
- 129
- 1
- 12
1
vote
0 answers
How do I expand the label area of a PrimeNG DropDown?
Using Angular 9 with latest version of PrimeNG. I have extended my primeNG drop down to the total length of its encapsulating column but instead of the "label" area taking up the majority of the dropdown field, the label and arrow button field more…
MVM
- 127
- 13