Native DropDownTree when?

[Vincent]

I'm experiencing severe clashes when using native packages with the DropDownTree wrapper. I was only using the wrapper packages before and everything was working fine, however now that I added the native grid to the app the wrapper DropDownTree is giving me Uncaught ReferenceError: jQuery is not defined

I remove all non standard code and still it comes out like the CSS is never applied on top of some other broken stuff.

I'm on VueJS 2.7.14

"@progress/kendo-data-query": "^1.6.0",
    "@progress/kendo-drawing": "^1.17.3",
    "@progress/kendo-dropdowntree-vue-wrapper": "^2023.1.117",
    "@progress/kendo-licensing": "^1.3.0",
    "@progress/kendo-svg-icons": "^1.1.1",
    "@progress/kendo-theme-default": "^6.0.3",
    "@progress/kendo-ui": "^2023.1.117",
    "@progress/kendo-vue-animation": "^3.8.1",
    "@progress/kendo-vue-data-tools": "^3.8.1",
    "@progress/kendo-vue-dateinputs": "^3.8.1",
    "@progress/kendo-vue-dropdowns": "^3.8.1",
    "@progress/kendo-vue-excel-export": "^3.8.1",
    "@progress/kendo-vue-grid": "^3.8.1",
    "@progress/kendo-vue-indicators": "^3.8.1",
    "@progress/kendo-vue-inputs": "^3.8.1",
    "@progress/kendo-vue-intl": "^3.8.1",
    "@progress/kendo-vue-popup": "^2.7.3"

I used these packages before and everything was fine:  

    "@progress/kendo-dropdowntree-vue-wrapper": "^2021.3.1207",
    "@progress/kendo-licensing": "^1.2.1",
    "@progress/kendo-theme-default": "^4.43.0",
    "@progress/kendo-ui": "^2021.3.1207"

If anyone could tell me how to use the css file from @progress/kendo-theme-default": "^4.43.0" inside a component I think that would solve my problem.

[Vincent]

So I fixed the Uncaught ReferenceError: jQuery is not defined error by adding the jQuery file and adding

<script src="jquery-3.6.3.min.js"></script>

in my HTML file.

It was simple to fix but I should never have to do this...

[Petar]

Hello, Vincent. 

Thank you for sharing with the community how you fixed the reported issue! Talking about the shared error itself, it is expected one as the Kendo UI for Vue Wrapper components use Kendo UI for jQuery under the hood. Having the previous in mind, to use the Vue Wrapper components, you need jQuery loaded to your project. 

Talking about the Native DropDownTree component, it is currently in our plans for R2. If everything happens as it is planned,  this means that the component should be available by June, at the latest. 

I hope the above answers your question about the Native DropDownTree. If the question is cleared, I want to share something that can be observed in the shared package.json definition. What I am addressing here is the version of the @progress/kendo-theme-default package. 

@progress/kendo-theme-default": "^4.43.0"

If you want to use the latest versions of both the Kendo UI for Vue Native and Wrapper components, you should update the version of the theme loaded to your project. The current Kendo Theme latest version available on NPM is 6.0.3. Please update the version of the Theme package inside the package.json file of your project and install it. If you don't update the Kendo Theme, there will be rendering issues with many of the components.

Let me know if you have additional assistance related to the current thread.