I need a grid with multi-header and frozen columns.

The problem is that on multi-header grid only the child is locked and the parent behaves like a regular column (disappears when scrolling right)

See demo at https://stackblitz.com/edit/qjgucz (The ID column supposed to be locked)

 

Any help is appreciated

 

Hello,

In current implementation of the our web application - we use Kendo UI for jQuery. We decided to implement new pages inside our application using Kendo UI for VueJs. In current implementation we have a lot of grids with filters (filter icon + filter popup) in the column header (similar to https://demos.telerik.com/kendo-ui/grid/filter-menu-customization). But we can't find any examples of such implementation for native Kendo Vue Grid.

Is it possible? We need to have consistent behavior of grid filters and user experience all over our application for jQuery and VueJs implementation.

Thank you in advance

My kendo-datasource  have  transport-read: GridDataSource , and in a same page i have input field to collect  input number ,  when ever i keein in the input field each key in time GridDataSource function also getting called , it should not happen for me . any idea ?

<input
                                    :name="'challanno'"
                                    :disabled="!isEdit"
                                    v-ec-disabled="!isEdit"
                                    :ec-type="'text'"
                                    v-model="challanno"
                                    v-ec-validate="{required: true}"
                                    v-ec-validate:fieldName="'Challan no'" />

<kendo-datasource ref="maingridsourcenew"
                            :type="json"
                            :transport-read="GridDataSource"
                            :batch="false"
                            :server-paging="false"
                            :server-sorting="false"
                            :page-size="10"
                             :schema-model-id="'_id'"
                             :schema-model-fields="schemaModelFields"
                            :schema-data="'data'"
                            :schema-total="'total'">
                        </kendo-datasource>

 

  GridDataSource(ev) {
            console.log("testinggrid---------->")
            ev.success({
                        data: [],
                        total: 0
                    });
        },

 

 

I was glad to hear, that the new release supports Vue 3. So I just started building a new app with Vue 3 TypeScript and wanted to use the Native Kendo Controls. But I have problems to set things up. With Vue 2 and JavaScript I had no problems with Kendo. But now it seems just not to work.

I also cannot find any documentation on that topic. It would be realy disapointing if it is missing. Maybe I'm just blind.

The API docs show icon-class as the method for custom icons on the button wrapper - https://www.telerik.com/kendo-vue-ui/components/buttons/api/button/Button/#icon-class

I cannot get this to work - is this possible?

 

Hi, i'm new to kendo and i'm trying to create a filterable grid with a grid native component. Everything works well BUT i'm stuck with the full list of operators (contains, begins, is not null,...).

Is there an easy way to customize the list of operators ? I will probably only need "begins" and "is equal to".

I saw that with the grid-wrapper I could define a list with the property "filtterable" but it doesn't seem to work with grid native. I got an error saying that Filterable could'nt be assigned with an object.

Thanks a lot !

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!

Hi,

I have over 20 columns in the native grid and seeking a possible implementation to achieve freeze panes similar to what excel offers.

 

I have a native DatePicker that I am using in an application with many components that use the Kendo wrapper validation widget. I am trying to get the behavior and appearance of the DatePicker to match that of the existing components. Validation should occur when a field loses focus and an invalid field should have a red outline and red error message below it. I tried to use the native DatePicker validation functionality, but I was unable to make validation consistent with all of the other components.

I am able to use the Kendo wrapper validation widget to perform validation when a field loses focus and display an error message, but I have been unable to get a red outline on an DatePicker in the invalid state. How can I accomplish this? 

See https://stackblitz.com/edit/esiptm for an example.

How to define an custom grid edit template?