We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Hi
I our project we are using event buss (mitt) as a global variable and I want to emit some data from the row component to other place, but the event cannot be caught event though it's for sure was emitted.
I looked into source code and saw that it's because rowTemplate components are now bound to Syncfusion's app instance.
There is no way to use global variables (as well as global mixins) of the project in rowTemplate component. These global data is also not available in all rowTemplate child components.
I have prepared small demo in codesandbox: https://codesandbox.io/s/grid-components-inside-row-issue-u6src?file=/src/App.vue
Is it possible to use needed functionality? We really need this functionality in our project and dependent projects.
I think the same problem is observed in all Syncfuison templates in general (headerTemplate in grids, nodeTemplate in ejs-treeview, etc.).
Rajapandiyan Settu do you have updates for me?
Rajapandiyan Settu do you have updates for me?
Dear Andrew,
We are glad to announce that Essential Studio 2022 Volume 1 Main Release v20.1.0.47 is now available. You can download it from the link below.
We have provided the slot template support to our Vue components in this
release. You can use this support by using nested template tag with slot name.
You can refer to more details about the slot support in below documentation
link.
https://ej2.syncfusion.com/vue/documentation/common/template/#slots
We have updated our template samples with slot support. You can refer to our demo samples for your reference.
https://ej2.syncfusion.com/vue/demos/#/bootstrap5/treeview/template.html
Release notes: https://ej2.syncfusion.com/vue/documentation/release-notes/20.1.47/?type=all#common
You can update to the latest package version (20.1.0.47) to use this support in your sample.
We thank you for your support and appreciate your patience in waiting for this release.
Regards,
Gokul
Hi.
Still does not work:
- Global mixins
- global properties
- provide/inject functionality
Demo with row template as a function-template and as a slot-template:
https://codesandbox.io/s/global-variables-wnx4g1?file=/src/components/RowTemplate.vue
To test global mixins and global properties you need to uncomment code in row templates
To test provide/inject functionality you need to look in the console
Hi Andrew,
Currently, we don’t have the support to use the project/inject, global mixins, and global variables in component template. We have considered this as a feature at our end and it will be included in any of our upcoming releases. So, we request you to keep track of the status through the below feedback link. We appreciate your patience until then.
Feedback Link: https://www.syncfusion.com/feedback/36677/need-add-support-for-provide-inject-in-vue-custom-slot
Please get back to us, If you need any further assistance
Regards,
Ragunath S
Hi Ragunath Sukumaran
In my demo i have provided two examples:
In Syncfusion + Vue 2 we have the ability to use global mixins, global properties, provide\onject functionality inside row templates ( as a function that passed into an ejs-grid props )
Now when we are trying to migrate to Syncfusion + Vue 3 - we have no such ability in Syncfusion. For me it is more look like a bug, not a feature that needs to be implemented
Should I create a new bug ticket in My Dashboard for this issue or can it be discussed here?
Hi Andrew,
Sorry for the inconvenience caused,
We have prepared a simple vue 3 grid sample with the provide and inject functionality but we can't able to replicate your reported issue. Please refer to the below sample. If we have not met your requirements in the sample, Please address those in the shared sample and show us the issue in the share sample.
sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/vue3_provide_inject2076695030
Also, could you please share us the working sample of the vue 2 you are reporting?
The vue has introduced a new composition API for the provide and inject functionality, and Syncfusion components are not compatible with this new composition API. So we have considered this as a feature.
Please get back to us if you have any queries.
Regards,
Ragunath S
Bug ticket created from the same issue https://www.syncfusion.com/feedback/37602/provide-inject-and-global-variables-are-not-working-in-vue-3
Hi Andrew,
We deeply regret for the inconvenience caused
We are unable to complete this feature as planned due to high complications. However, we expect to include this feature in our 2023 Volume 1 service pack release. We appreciate your patience until then.
Regards,
Theveshwar
Hi Andrew,
We are glad to announce that our Essential Studio 2023 Volume 1 release v21.1.35 is rolled out and is available for download under the following link.
The issue with “Provide\inject and global variables are not working in Vue 3” has been resolved in this release. To access this fix, we suggest you to update the package to the latest version v21.1.35.
For your reference, we have prepared a sample and attached below.
Release Notes: Vue component release notes v21.1.35 | Syncfusion
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.
Regards,
Theveshwar
