Questions tagged [primeng-dropdowns]

159 questions
37
votes
6 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…
DaRoGa
  • 2,196
  • 8
  • 34
  • 62
28
votes
14 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…
Bhagvat Lande
  • 1,392
  • 3
  • 17
  • 34
27
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…
Michael Witt
  • 1,582
  • 4
  • 22
  • 43
10
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…
mindparse
  • 6,115
  • 27
  • 90
  • 191
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
7
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?
cookya
  • 3,019
  • 7
  • 26
  • 37
6
votes
2 answers

p-dropdown with reactive forms not binding correctly

I am using primeng dropdown and having a hard time biding my object to the dropdown. it does populate the dropdown with empty items.. not sure how to specify the field name. HTML
rgoal
  • 1,236
  • 11
  • 35
  • 61
5
votes
2 answers

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…
wazza
  • 173
  • 5
  • 15
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…
Kunal Dethe
  • 1,254
  • 1
  • 18
  • 38
5
votes
3 answers

PrimeNg Angular2 Autocomplete Clear all

Right now, I am using primeng autocomplete dropdown and in this we don't have functionality of clear/reset. When i selecting a result from droplist, a clear/reset icon (x) should appears in input and click on (x) it will clear the…
user3342682
  • 147
  • 3
  • 11
5
votes
4 answers

How to pre select Primeng Dropdown values?

I have primeng dropdown with set of values in my angular app. In the view Screen , drop down is not displaying the selected value (value saved in db) instead it displays 'Select'. HTML :
Jan69
  • 1,109
  • 5
  • 25
  • 48
5
votes
1 answer

p-dropdown does not display correct label when ngModel variable is an object

I am using PrimeNG's p-dropdown component. When the page loads initially I am setting the ng-model but the drop down shows first element as the selected element always. HTML
user3847870
  • 368
  • 1
  • 6
  • 21
5
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…
Bhagvat Lande
  • 1,392
  • 3
  • 17
  • 34
4
votes
2 answers

Typescript strict mode cannot assign Observable async to primeNg dropdown component

I am using the p-dropdown primeNg component and from what I can see this should be able to take an Observable | async value and use it properly but the Typescript strict mode will not allow this, giving error TS2322: Type 'Customers[] | null is not…
MattE
  • 1,044
  • 1
  • 14
  • 34
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…
Hashan94
  • 117
  • 1
  • 7
1
2 3
10 11