MultiSelect error

[Kulcsár Norbert]

Hi!

I'm trying to use the MultiSelect component within the InPlaceEditor Component but it throws an error to the console: "Uncaught TypeError: this.value.splice". I checked the documentation page, and the component throws an error there too after you click on the multiselect value in the preview section: https://ej2.syncfusion.com/javascript/documentation/in-place-editor/controls/

I'm using Chrome 89.0.4389.90 on MacOS 11.2.1

Can you please check what causes the error?

Thank you!

[Revanth Krishnan]

Hi Kulcsár, 

 

 

Greetings from Syncfusion support. 

 

 

We have validated your query “Console error occurs when using the Multi Select component within the In-Place Editor Component. The same error throws in the documentation(https://ej2.syncfusion.com/javascript/documentation/in-place-editor/controls/) section also.” 

 

We are able to reproduce the issue from our end and the issue occurs because the `value` property is given as string instead of array of string. This can be resolved by configuring the value property as array of string. We have prepared a sample for your reference, 

 

Code Snippet: 

 

var multiSelectObj = new ej.inplaceeditor.InPlaceEditor({ 

  type: "MultiSelect", 

  mode: "Inline", 

  value: ["Android"], 

  model: { 

    dataSource: frameWorkList, 

    placeholder: "Select frameworks" 

  } 

}); 

multiSelectObj.appendTo("#multiSelect"); 

 

Sample: https://stackblitz.com/edit/iwcdv8-51s48c?file=index.js 

 

We will also correct the documentation sample and let us know once the changes are published on live. 

 

Please check the above code snippet and the sample and let us know if it resolves the issue. 

 

Regards, 

Revanth 

[Kulcsár Norbert]

Hi Revanth!

Changing the value to an array solved the issue.

Thank you!

[Revanth Krishnan]

Hi Kulcsár, 

 

Thanks for the update. 

 

We are glad that the provided solution resolved your issue, please let us know if you need further assistance. 

 

Regards, 

Revanth