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…
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…
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…
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…
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
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,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?
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…
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:
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…
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
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: …
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…
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: …
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
1
2 3
8 9