Questions tagged [primeng-dropdowns]
128 questions
19
votes
5 answers
PrimeNG dropdown hidden by dialog
I have an Angular2 app using PrimeNG components.
I want a dropdown inside a dialog box. However, when i have implemented this, the dropdown is cut off by the limit of the dialog box as shown in the screenshot below. What i want is for it to display…
![](../../users/profiles/2858948.webp)
DaRoGa
- 1,848
- 7
- 29
- 47
18
votes
9 answers
How to set default value for PrimeNG p-dropdown
I am using PrimeNG in my angular5 app. I have issue with p-dropdown
Question
I have p-dropdown for showing countries. I bind the select options correctly there it works fine (this data coming from api), but I need to set default selected option for…
![](../../users/profiles/6942012.webp)
Bhagvat Lande
- 956
- 2
- 12
- 28
15
votes
1 answer
primeng p-dropdown not firing change event
I'm using primeng 5.2.4 and I'm trying this:
The selectMonth method gets called when the page first loads but not on subsequent selections from the…
![](../../users/profiles/1775513.webp)
Michael Witt
- 1,312
- 4
- 15
- 39
9
votes
2 answers
PrimeNG dropdown with virtual scroll not keeping selection in view
I am making use of the PrimeNG drop down component with custom filtering and virtual scroll enabled.
I am finding the component is not scrolling back to the last selection made in the list of items in view when it's re-opened, instead it just…
![](../../users/profiles/726965.webp)
mindparse
- 7,083
- 17
- 64
- 146
9
votes
2 answers
Multiple field for AutoComplete box (primeng 4.2.0 and Angular 4)
How do i display multiple field within a primeng auto complete box.
for example:
or
![](../../users/profiles/5664522.webp)
Dipin raman
- 153
- 1
- 8
5
votes
1 answer
PrimeNG Multiselect autofocus
Using PrimgNG v7.1.3 in Angular v7 project.
Implemented Multiselect (https://www.primefaces.org/primeng-7.1.3/#/multiselect), in a simple component.
Need to set focus on it when the page loads.
Below solution works for Dropdown but not for…
![](../../users/profiles/2384423.webp)
Kunal Dethe
- 1,138
- 1
- 11
- 36
5
votes
2 answers
PrimeNG dropdown - disable certain SelectItems
Is there an option to disable some of PrimeNG's dropdown items (SelectItems)?
I notice this discussion, is something changed?
![](../../users/profiles/1355968.webp)
cookya
- 2,021
- 4
- 22
- 33
4
votes
1 answer
Looking solutions for a custom dropdown with dynamic form drop down option
I'm using angular 5 and primeng version 6 for my current project. I'm trying to implement a drop down component.But I need to implement dynamic option with form on it,like the image provided.that form(drop down option) has some function on it.
I…
![](../../users/profiles/12309346.webp)
Hashan Liyanage94
- 89
- 5
4
votes
3 answers
Error when trying to use p-Dropdown from PrimeNG in application
I want to use this PrimeNG-Dropdown in my application. So what I did:
npm i primeng --save
Then I added the DropdownModule in my imports from app.module.ts. Afterwards, I included the following code in my html:
![](../../users/profiles/5524954.webp)
Rüdiger
- 701
- 2
- 15
- 46
4
votes
2 answers
Disable p-dropdown depending selection of another p-dropdown PrimeNG
I am using PrimeNG in my angular app, I have issue with p-dropdown
Question
I have two dropdowns for country and caste_category, I provide caste_reservation for only India , in case of other country selection , the OPEN option from caste_category…
![](../../users/profiles/6942012.webp)
Bhagvat Lande
- 956
- 2
- 12
- 28
4
votes
2 answers
Styles not applying on component level but on global level
I am using ngPrime components and if i style them styles are not applying on dashboard.component.sass file but they apply when i use the global style.sass file.
dashboard.component.html file
![](../../users/profiles/8470600.webp)
Mayank Singh Fartiyal
- 657
- 1
- 8
- 21
4
votes
0 answers
p-dropdown filter is not working in p-dataTable when data is binded with lazy
When I bind data to p-dataTable using basic way the p-dropdown filter for column is working fine but when I bind p-dataTable using [lazy]="true" (onLazyLoad)="loadData($event)" then the dropdown column filter is not working.
Working Code:
…
![](../../users/profiles/7242253.webp)
Ketankumar Godhani
- 185
- 1
- 8
3
votes
1 answer
PrimeNG p-dropdown not taking custom default value
I am using p-dropdown in my app and have noticed that after upgrading to PrimeNG 9 & Angular 10, the p-dropdown is no longer taking the custom value as the default value. Instead it takes the first value present in the options list as the default…
![](../../users/profiles/14313355.webp)
wazza
- 115
- 6
3
votes
2 answers
PrimeNG dropdown showing empty options
My app UI is based on PrimeNG and i am working on dynamic forms and also getting form fields configuration through API. My PrimeNG dropdown is showing empty options. Here is the image for the reference:
Here is the code for PrimeNG dropdown:
…
![](../../users/profiles/13882994.webp)
Usama Tariq
- 65
- 5
3
votes
3 answers
How to set by default selected values in PrimeNg MultiSelect with Angular 4 Reactive Form?
I am using MultiSelect control from PrimeNg (PrimeNg Multiselect) & Angular4 with a Reactive Form, and I want to keep some my items default selected during form loading.
HTML
![](../../users/profiles/9046818.webp)
Ketan Navadiya
- 207
- 4
- 13