cubex-dropdown v1.0.1

Installation

npm install --save cubex-dropdown

Usage

import { MultiselectDropdownModule } from 'cubex-dropdown';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MultiselectDropdownModule, ########'Cubex Dropdown'
  ],
  providers: [],
  bootstrap: [AppComponent]
})

HTML file

<cubex-singleselect-dropdown
   [selectionWidth]="11"
   [width]="111"
   [height]="200" 
   [isOpen]="false" 
   [checkedOption]=""
   [data]='[ 
         { "name": "Option1", value:"Option1" },
         { "name": "Option2", value:"Option2" },
         { "name": "Option3","value":"Option3" }]'
   [displayKey]="'name'"
   [toggleKey]="'value'"  
   (onChange)="multiselectOnchage($event)" 

   [label]="'Entities'" 
   [placeholder]="'Select an option'"
  >
</cubex-singleselect-dropdown>

////////////////////////////////////////////////////////////////

<cubex-multiselect-dropdown
   [selectionWidth]="11"
   [width]="111"
   [height]="200" 
   [isOpen]="false" 
   [checkedOptions]=""
   [data]='[ 
         { "name": "Option1", value:"Option1" },
         { "name": "Option2", value:"Option2" },
         { "name": "Option3","value":"Option3" }]'
   [displayKey]="'name'"
   [toggleKey]="'value'"  
   (onChange)="singleselectOnchage($event)" 

   [label]="'Entities'" 
   [placeholder]="'Select an option'"
  >
</cubex-multiselect-dropdown>

TS file

  /**
   * singleselectOnchage
   * $event will return selected data [] 
   */
  singleselectOnchage($event){
    console.log($event);
  }
  
 /**
   * multiselectOnchage
   * $event will return selected data [] 
   */
  multiselectOnchage($event){
    console.log($event);
  }
  

License

MIT

Author

Ramesh M (Developer)