how to disable specific select item in prime ng dropdown?

Asked Mar 29 '20 at 13:36

Active Mar 29 '20 at 13:36

Viewed 48 times

I have an angular app in which i have primeNg dropdown like this

 <p-dropdown class="ml-4 mt-2" styleClass="p-zero" optionLabel="name" dataKey="name" placeholder="Select Matrix"
  [options]="partPricings" (onChange)="handleDropdownSelect($event)" [(ngModel)]="selectedPart">
</p-dropdown>

`component.ts'

this.partPricings = [
  {
     type: "part"
     default: false
     isInActive: false
     _id: "5e80a39db0f2323bb861006f"
     name: "Default Pricing"
     items: [{min: 0, max: 310, markup: 23}]
  },
        {
     type: "part"
     default: false
     isInActive: false
     _id: "5e80a39db0f2323bb861006g"
     name: "Test Matrix"
     items: []
  }
]

Now i want to disable some specific select item in dropdown. So how can i do this?

asked Mar 29 '20 at 13:36

Fahad Hassan

You can take a look at the answers to [this question](https://stackoverflow.com/q/43873162/1009922). – ConnorsFan Mar 29 '20 at 14:30
i am confused about that how i extend `selectItem` interface according to my data? – Fahad Hassan Mar 29 '20 at 14:33
The other answer maybe simpler to implement. – ConnorsFan Mar 29 '20 at 14:34
yes second answer is simple. But in second answer he is making is data set like `{label : ' ', value : ' ', disabled : true}` but in my case my data set is not like this. Mine is like this `{type : 'part', default : false,... rest of the keys}` so should i add another key in this object named `disabled`? – Fahad Hassan Mar 29 '20 at 14:44
Using his code, you can replace the occurrences of `option.disabled` by `option.isInActive`. – ConnorsFan Mar 29 '20 at 14:46
yes got the solution. Thank you – Fahad Hassan Mar 29 '20 at 14:57

how to disable specific select item in prime ng dropdown?

0 Answers0