Item Disabling

This feature can be uses to disable dropdown items by individually and after disabling a specific field ornamentum will disabled the particular field by UI level and restricting to perform any events on disabled fields.

What You Will See

The below example will demonstrates a dropdown item disabling functionality by using Client-side Basic Data Binding operations and hard coded sample data set.

Select
import { Component } from '@angular/core';

import { ExampleData } from 'helper-models';

import { DataFetchService } from 'helper-services';

@Component({
  selector: 'app-item-disabling-usage',
  templateUrl: './item-disabling-usage.component.html'
})
export class ItemDisablingUsageComponent {
  public items: ExampleData[];

  constructor(private dataFetchService: DataFetchService) {
  }

  public checkProductAvailability(): ExampleData[] {
    const items = this.dataFetchService.fetchStaticData(20, 10);

    if (items) {
      items.map((value: ExampleData) => {
        if (!value.availability) {
          return !value.availability;
        }
      });
      return items;
    }
  }
}

Basic Usage

For disable dropdown item, it is required to provide a true or not empty string field for disabledTrackBy attribute on particular field whether to indicate an item needs to be disabled. by default disabledTrackBy field is set it's field name to disabled.

  <ng-dropdown
    ...
    [disabledTrackBy]="'availability'">
  </ng-dropdown>
Events
Dropdown Disabling
API Doc for Dropdown Item Disabling