I need a simple sample for doing a custom treeview template (not the checkbox template), where the template gets an instance of the node or node's data, so I can change the output based on the data.  I have tried doing it like the grid ones shown in this forum, but if I set a breakpoint in devtools, I can see that my function doesn't seem to be getting anything on the argument.  It does render the template though.  I had it working as a string using a kendo template, but then couldn't call something back on my component, so figured I need a "proper" Vue template for it.  Maybe I'm missing something simple here.

My method that is returning the template:

    public itemTemplate(e: any): any {

        return {
            template: FieldGroupTemplate,
            templateArgs: e
        }
    }

My template component (we use Typescript):

import Vue from "Vue";
import Component from "vue-class-component";
import { Prop } from "vue-property-decorator";
import { lazyInject } from "Areas/Ordering/OrderingIocContainer";

@Component({

    template: "<div>{{ templateArgs.name }}</div>",     
    components: {
    }
})
export default class FieldGroupTemplate extends Vue {
    public templateArgs!: any;

    constructor() {
        super();
    }
}

Some markup, from where a template has the treeview:

<kendo-tree-view id="fieldSelectorTreeView" :data-source="items"

                                 @@select="select"
                                 :data-text-field="'name'"
                                 :checkboxes="checkboxes"
                                 :template="itemTemplate"
                                 @@check="check" style="height:615px">
                </kendo-tree-view>

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.

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:

I've tried to make it work by modifying this official example, here's my code.

Unfortunately when I try to select a single row it throws the following error (both in stackblitz as well as local dev environment)

Error in /turbo_modules/@progress/kendo-vue-grid@3.2.9/dist/npm/utils/index.js (401:23)
Cannot read properties of undefined (reading 'items')

Is there a way to make grouped rows + checkboxes work in Kendo Native Grid?

Thanks in advance

hi I 'm the user who tried to use kendo-ui for vue 

when I use kendo-grid , I have some problem

the kendo-grid-colum what make checkbox is problem.

when I checked I want to get a row data

how can i make it? 

here is my code

<kendo-grid id="list" ref="list" :data-source="localDataSource" :selectable="'cell'"
                                    :sortable="true" :filterable="true" v-on:change="onChange"
                                    v-on:databound="onDataBound">
                                    <kendo-grid-column :title="'No'" :width="40" :template="getTemplate">
                                    </kendo-grid-column>
                                    <kendo-grid-column :field="'title'" :title="'글 제목'" :width="200">
                                    </kendo-grid-column>
                                    <kendo-grid-column :field="'createTime'" :title="'작성 날짜'" :width="120">
                                    </kendo-grid-column>
                                    <kendo-grid-column :field="'createUser'" :title="'작성자'" :width="120">
                                    </kendo-grid-column>
                                    <kendo-grid-column :selectable="true" :title="'체크'" :width="15">
                                    </kendo-grid-column>
   </kendo-grid>

OR

<kendo-grid id="list" ref="list" :data-source="localDataSource" :columns="columns"
                                    :selectable="'multiple cell'" :sortable="true" :filterable="true"
                                    v-on:change="onChange" v-on:databound="onDataBound">
 </kendo-grid>

//////////

columns: [
                    { title: "No.", width: "40", template: "#= ++record #" },
                    { field: "title", title: "글 제목", width: "200" },
                    { field: "createTime", title: "작성 날짜", width: "120" },
                    { field: "createUser", title: "작성자", width: "120" },
                    {
                        template: '<input type = "checkbox" > ', width: "50px"
                    }
    ]

Hello,

I'm building a form where a field may become optional depending on a check box. I've set some validator on the field, but if I check the checkbox, the validators remain active on the field. Is there a way to dynamically attribute validators to a field ?

I try to disable the field, but even with the field beeing disabled, the validators are still working.

Hi Everyone,

I had implemented tree view wrapper for vue and I need to make a functionality that select or unselect all checkboxes in the tree view.

I'm using the latests versions of treeview-vue-wrapper and vue js.

Hope you could help me.

Thanks

I want to enable/disable a kendo combobox based on the user's selection from a checkbox, which I am storing in a variable.

I already tried setting the variable to the enable property, but this is useful only when the control is being built-in.

Does anybody know If I can do this while creating the control?

<div id="fund" class="col-xs-3"> input class="required" data-bind="title: $parent.selectedFund, kendoComboBox: { placeholder: 'Start typing to search...', value: $parent.test, widget: $parent.searchSource, dataTextField: 'managerName', dataValueField: 'managerId', filter: 'contains', autoBind: false, minLength: 3, enable: overrideGlobalMapping, //this does not work for me even though the variable holds the correct value change: function(){ if(this.value() && this.selectedIndex == -1){ setTimeout(function () {$parent.selectedManagerId(null);}, 100);}}, dataSource: { serverFiltering: true, transport: { read: $parent.retrieveManager }}}" /></div>

I'm trying to build a simple grid with server paging, filtering and sorting, but I'm having trouble. Currently my grid is loading in all items from the server, when it should be loading just five. I think I previously had it loading just five, but it was always getting the first five.

Here's my HTML:

And here's my JS (using webpack):

Am I doing something wrong, or is this functionality not supported yet?

Hi,

I have simple two questions. 

I'm comparing both Kendo Vue Native components and wrapper components to migrate from Kendo jQuery. 

Wrapper components

-> If I set :columnMenu="true", I can see a list of menus like sort ascending and it also has 'Columns' menu which shows or hides columns by checking or unchecking check boxes. 

However When I implement same components by using native components, the list doesn't show 'Column' menu. 

Can someone tell how to show the column menu???

And, if I already have license for jQuery, is it possible to get license for Vue without extra payment??