Components inside Dialog

[Franky Lee]

Hi

I would like to practice the example the Components in Dialog

So I found this case

https://ej2.syncfusion.com/vue/demos/#/material/dialog/components-dialog.html

and I also select the grid with search form in the component

https://ej2.syncfusion.com/vue/documentation/grid/searching/

But it didn't do successfully and created many questions

Would you like make a simple example that I can study?

Thanks

Franky

[Suwathi Dhakshanamoorthy]

Hi Franky, 

  

  

Greetings from Syncfusion support. 

  

  

We have validated your reported query “I would like to practice the example the Components in Dialog “ 

We achieved your requirement using dialog Template support and here we import content-template.vue file, which contains grid searching code blocks. And map the data source into the grid using dataSource property. 

 

Sample: https://codesandbox.io/s/vue-forked-xqn14 

 

Please refer the above sample and lets us know if you have any concerns. 

 

Regards,
Suwathi. 

 

[Franky Lee]

Hi,

Thanks for your replying

However, there occurs a  warning "TypeError: str.match is not a function", when I use this example.

I checked the internet and found the warning is about the duplicate package.

Do you have this case to try yarn 2 by yarn dedupe?

Thanks a lot

Franky

[Indrajith Srinivasan]

Hi Franky,

 

Good day to you, 

Please follow the steps provided to overcome the reported behavior. Check the below shared link for reference. 

  

1.       Delete package.lock.json file from your application.  

2.       Remove the @syncfusion  package folder from the node_modules folder.  

3.       Then install the new packages.  

 

UG link: https://ej2.syncfusion.com/vue/documentation/common/how-to/update-npm-package/#update-syncfusion-npm-package                                                                                                                                                                                   

 

Regards, 

Indrajith