Using array index as value

Question

Hi TeamOn multiselectdropwn component we use text and value properties to specify what to display and what is the value of the select boxwe would like to use index of array as value as that is our primary identifierCurrently we are using  public mycheckFields: Object = { text: "dosTo", value: 'dosTo'};and we would like to use  public mycheckFields: Object = { text: "dosTo",            value: 'id'       };OR  public mycheckFields: Object = { text: "dosTo"};where value of dropdown selection is index of arrayhttps://stackblitz.com/edit/angular-pzfdz8?file=app.component.tsThanksMohit

Berly Christopher · Answer

Hi Mohit, 

As per your requirement, you can add additional field in the datasource as id to specify it as number and map the id field with value in mycheckFields. So, while select an item in the popup, you will get the id in the event.itemData argument. 





// map the groupBy field with category column 
public mycheckFields: Object = { text: 'dosTo', value: 'id' }; 
 
public myc = [ 
  { 
    dosFrom: '03/21/2021', 
    dosTo: '03/21/2021', 
    id: 1, 
    provider: 'Hughes, Patricia - 1012345678', 
    pos: '11 - Office', 
    noteType: 'Progress / Consult Note', 
    diagnosisDetail: [ 
      ...] 
    }, 
    { 
      dosFrom: '07/05/2021', 
      dosTo: '07/05/2021', 
      id: 2, 
      provider: 'Hughes, Patricia - 1012345678', 
      pos: '11 - Office', 
      noteType: 'Progress / Consult Note', 
      diagnosisDetail: [ 
        ...] 
      }, 
      { 
        dosFrom: '08/08/2021', 
        dosTo: '08/08/2021', 
        id: 3, 
        provider: 'Hughes, Patricia - 1012345678', 
        pos: '11 - Office', 
        noteType: 'Progress / Consult Note', 
        diagnosisDetail: [ 
          ...] 
      } 





  

  
Sample: https://stackblitz.com/edit/angular-pzfdz8-sgkwfy?file=app.component.ts 
  
Kindly check with the above suggestion meets your requirement.  
  
Regards, 
Berly B.C

Raj Maheshwari · Answer

Hello Berly

Thank you for your reply on this

As this require modification on every single object that we plan to use with grid, and it requires to go through thousands of objects and inject new fields in various models that we have.

is it possible ot use the *index of array* as the identifier

Thank you
Mohit

Vinitha Jeyakumar · Answer

Hi Mohit,


We want to let you know that we didn't have support for the 'index' property in Multi select Dropdown control. If you want to use the Index property to set or get the index value of the selected items in the component, you can use our Dropdown List control.

Please check the API Link: https://ej2.syncfusion.com/angular/documentation/api/drop-down-list#index


You can also dynamically add the array index value to achieve your requirement, please check the reference link below,

https://stackoverflow.com/questions/61074482/how-to-add-dynamic-array-index-value-in-angular-html-page

Regards, 
Vinitha