or
1 answer
182 views
We have a Vuejs app that is using the Kendo DropDownTree control, with checkboxes, to display a hierarchy of data.
The problem is, there is a difference with how the control returns the checked IDs when the parent node is expanded VS collapsed.
To illustrate the problem:Both parents nodes below have 2 child nodes.
Parent1 happens to be expanded. If I check parent1, the control then checks child1+child2 automatically. And the "@change" function sends all three IDs. This is the desired affect.
Parent2 has 2 child nodes. But the child nodes can't be seen because parent2 is collapsed. When Parent2 is checked, the "@change" only sends parent2 ID. The child Ids are NOT sent. Why is this? Why the difference vs parent1 example?
Also, the child nodes for parent2 do get checked properly by the control. I can see this if I expand parent2. The child nodes IDs just never got sent to the "@change" when it's parent2 was clicked and collapsed.
_parent1
-child1
-child2
_parent2
Is there a way to get all the checked IDs from "$event.sender._values" whenever any node is checked?
Here is how my dropdowntree is configured along with the change function:
<dropdowntree:data-source="items"
tagMode="single"
:autoClose="false"
:checkboxes-check-children="checkChildren"
:check-all="true"
:placeholder="placeholder"
dataTextField="text"
dataValueField="id"
@change="onChange"
:value="selectedItems"
style="width: 100%"
height="400px"
:load-on-demand="true"
>
onChange($event) {
let vm = this
vm.$emit('onHierarchyChange', $event.sender._values)
}
Petar
Telerik team
answered
on
18 Mar 2022
2 answers
131 views
Hi,
Where can I find an example on how to load remote data on a dropdownlist, the remote data it's a JSON.
Any help would be appreciated.
Miguel Angel
Top achievements
Rank 1
Iron
Rank 1
Iron
answered
on
17 Mar 2022
3 answers
1.3K+ views
The company I work at bought Telerik Kendo UI and we've been using it for a couple of months now. After spending many weeks working with this product, I'm curious to take a read on how other people feel about it. Note I've only ever used Bootstrap, Ionic, and other open source frameworks prior to this.
From what I can tell:
Pros:
Builds awesome UI with very minimal design effort
Works incredibly well with entity framework back end
Handles data view related logic internally and requires minimal effort
Cons:
Obfuscated source code due to not being open source, means it's impossible to figure out what the hell it's doing
Workarounds are a pain in the ass
They do horribly sadistic things to markup and CSS
Documentation is terrible, often omitting example code, or contextual code
So all that said, how do you guys feel about Kendo UI?
Petar
Telerik team
answered
on
15 Mar 2022
1 answer
533 views
By default, the grid column menu (https://www.telerik.com/kendo-vue-ui/components/grid/columns/column-menu/) displays a weird tootip on hover, containing the field name and a "Column Menu" text:
I'd like to either remove this tooltip or customize it (for instance, by changing it's text with the title - and not the name - of the field, plus removing the "Column Menu" text). Is there a way to to this?
The documentation contains a "GridColumnMenuItemProps" section, and I see a "title" prop that could be useful (https://www.telerik.com/kendo-vue-ui/components/grid/api/GridColumnMenuItemProps/#toc-title). But I haven't found a way to pass this prop (at least, I haven't found anything on the documentation about it).
Is this possible?
Petar
Telerik team
answered
on
14 Mar 2022
1 answer
123 views
Is there an easy way to allow only one item selected in the navite grid? I find it strange that it's not a simple prop to add to the component.
Thank you.
1 answer
108 views
I recently came across Kendo UI Web, and I was pretty impressed, but I have a question about their licencing. The web version is licensed under the GNU/GPL, which if my understanding is correct, means that I can use it for free as long as I too abide by the GPL. In this case, if I'm using it as a JavaScript library, and I don't modify it, and I use it as part of a commercial product, there should be nothing wrong with that, and unless I need or want support, I legally do not have to pay them. I tried emailing them, and they just referred me to a forum post (which did not answer my question). Does anyone have any experience with this?
Petar
Telerik team
answered
on
08 Mar 2022
1 answer
235 views
We have a Vuejs and Vuetify application.
We are using the DropDownTree control to display a hierarchy. In some cases, the list can be very long and scrolls off the page.
I tried using the "Height" property. This works for the DropDownTree controls that are NOT in a v-dialog.
But one of our DropDownTree controls displays in a v-dialog. The "Height" property has no effect here.
How can I make the "Height" property work for the DropDownTree in a v-dialog?
Or how can I specify a height for the DropDownTree or add scroll bars when the DropDownTree appears in a v-dialog?
Petar
Telerik team
answered
on
03 Mar 2022
1 answer
388 views
We are using the kendo-ui Dropdowntree control in our VueJS app.
If we have around 1100+ rows of data in our hierarchy, we find that the Browser screen freezes until the Dropdowntree control is finished populating.
Most of our hierarchies are much smaller and the control populates quickly as expected.
But we have 1135 rows in our hierarchy in one of our examples. The data is fetched from our API and returned to our Vuejs app, in a few seconds. But after the Vuejs load function finishes and the code is about to return to the UI, the screen freezes for about 10 seconds while the Dropdowntree control is populating. Nothing can be clicked while the screen is frozen.
How can we avoid the screen freezing while the Dropdowntree control is populating where the hierarchy rows are large?
Petar
Telerik team
answered
on
25 Feb 2022
1 answer
286 views
I'm just getting started with vue.js 2.0. I've been using Telerik's Kendo UI and their MVVM framework, but I'd like to switch to vue.js. Does anyone know how I might go about creating wrappers to make kendo and vue.js work together? I've never done anything like this and not really sure where to start. Thank you for any guidance.
Petar
Telerik team
updated question
on
18 Feb 2022
1 answer
196 views
How do I use code to insert comments 
Petar
Telerik team
answered
on
16 Feb 2022
