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 have a column like this:

 

 

It works fine, but I want it to show a bootstrap glyphicon and no text instead of the text "open" that is showing now.

Is there any way to template the column so that I can get the click event and also use any content I want inside the column?

Thanks in advance.

 

hello, I am working with the grid wrap component, and my problem is that in the filters of my columns I do not need to use all the filter options (for example, it is equal to, it is not equal to, it is after .. ..), I would like to only use some of them .. is it possible to do this?

When i select any value in drop down i need selected value as a icon. Hear i am attaching a sample wire frame. 

Hello,
We use KendoUI with our Vue app and recently upgraded the kendo resource we use.


Old resources included:
"@progress/kendo-charts-vue-wrapper": "2018.3.1025",
"@progress/kendo-dateinputs-vue-wrapper": "2018.3.1025",
"@progress/kendo-drawing": "1.5.12",
"@progress/kendo-dropdowns-vue-wrapper": "2018.3.1025",
"@progress/kendo-theme-default": "2.63.0",
"@progress/kendo-ui": "2018.3.1219",
"@progress/kendo-validator-vue-wrapper": "2019.2.621"


New resources include:
"@progress/kendo-charts-vue-wrapper": "2020.2.912",
"@progress/kendo-dateinputs-vue-wrapper": "2020.2.912",
"@progress/kendo-drawing": "1.9.2",
"@progress/kendo-dropdowns-vue-wrapper": "2020.2.912",
"@progress/kendo-theme-default": "4.22.1",
"@progress/kendo-ui": "2020.3.915",
"@progress/kendo-validator-vue-wrapper": “2020.2.912”


As you can see in the attached image, following this upgrade, the kendo validator error message is not rendered correctly.
Following this we have several questions:




1) Can you pinpoint us which of the modules in the list above is responsible for the customization of the error message? This way we will be able to revert this specific module to the old version while keeping the rest of the modules updated.


2) If we wish to keep the new modules - can you guide us how we can match the styling? As we use Kendo all over the app, we are worried there are going to be a lot of places where such update will be required.


3) Are there any breaking changes for upgrading from 2018.3 to 2020.2 or to any of the upgrades mentioned above? If there are - where can we see them?


4) In a general note: Are you aware of any problems when using the old versions (e.g. 2018.3) on updated browsers / smartphones or should it be considered safe to stick with the older versions for some more time?


Thanks!

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?

Hello,

I would like to call a component that contains only the custom edit template (to create a new task or edit) for my scheduler.

I followed this solution but the edit window just displays "[Object object]"

The code of scheduler

 

The code of the method editTemplate()

 

The code of the component that contains the custom template

 

I think the problem comes from the method editTemplate but I don't undestand why.

Anyone can help me ?

 

Thanks.

 

 

 

Hello,

I'm trying to have a datepicker start with no value and when the user fills it I would like the UTC date to match the datepicker's date. When I have line 17 enabled this works as I would like. However when commenting line 17 and enabling line 18, the dateModel suddenly gives a date that's one day before the datepicker's. 

How can I circumvent this?


Da7opd (forked) - StackBlitz

I am using kendo native calender for my project. I want to show months in the calendar. wapper has prop called "showviewheader" but this not working kendo native calender.

<template>
  <div id="vueapp" class="vue-app">
    <div class="example-config">
      Number of rendered views: &nbsp;
      <numerictextbox
        :style="{ width: '230px' }"
        :min="1"
        :max="10"
        @change="handleInputChange"
        :value="views"
      >
      </numerictextbox>
    </div>
    <calendar :views="views" />
  </div>