Custom data for Drop Down Editing in Data Grid

Hello,

I was able to get the tutorial for populating a dropdown list in a grid with custom data, as shown here: https://ej2.syncfusion.com/vue/documentation/grid/how-to/provide-custom-data-source-and-enabling-filtering-to-drop-down-list/

In this example, the custom data source "country" is declared locally. How would we modify this code if the data is made available:
(a) Either as as a prop to the component from the parent
(b) or is a computed property that pulls the data from vuex?

Either of method (a) or (b) will work, though (a) is preferred. I have tried to create a prop called "country", and pass the custom data from the parent, and then reference it as this.country in the code, but get a bunch of errors.

Thanks,
Vikas

2 Replies

VI Vikas October 27, 2020 09:20 PM UTC

All,

I am cancelling this request for help. I was able to make this work: I made the custom data a prop, and then the section defining countryParams was moved form "data" to "computed", and country was referenced as this.country. And now it works.

Thanks,
Vikas 


TS Thiyagu Subramani Syncfusion Team October 28, 2020 07:17 AM UTC

Hi Vikas, 

Thanks for contacting Syncfusion support. 

We are happy to hear that you have achieved your requirements.  

Please get back to us, if you need any further assistance. 

Regards, 
Thiyagu S 


Loader.
Up arrow icon