Hi, I am just getting started with using the Kendo Vue components and am trying to implement a context menu. My application is using Vuejs 3 with typescript.
I have a version working with ContextMenu from the @progress/kendo-layout-vue-wrapper package. However, with this, I can't seem to access anything from an event handler argument. Example: function onMenuSelect(e) - I can't seem to access anything about e in my typescript/javascript.
In searching around for typescript types for this, I notice that there is a native kendo vue menu which requires Menu from @progress/kendo-vue-layout and Popup from @progress/kendo-vue-popup. Should I be using this instead? And with this, are there any examples for how to open the menu from rows in a table? I need my context menu to be dynamic based on which table row is triggering it.
I hope some of this question makes sense - I am totally new to using this. Thanks!
We use data-testids (an attribute) for our test automation. It looks like on an internal component like buttons in popup boxes and rows in a grid that we can no longer add these. Is there some way in KendoUI that we can add these tags for our automation testing. KendoMenu items is an example where we like to add them for each menu item that it seems like we can't
Thank You,
Anthony Rizzolo
I have some grids that have a date/time column. The default equality operators for the filter match both the date and time. I am trying to customize the equality operator (or add a new operator) that ignores the time and only compares the date. Using a custom operator works the first time I select the operator. When I go back to the filter menu after setting it the first time, the dropdown has no operator selected and I changing the value again doesn't work until after I select equals again.
How can I have the equals operator remain selected or add a new operator?
If this isn't supported, are there any other ways I can accomplish the same thing? I want to display both the date and time, but have equals only filter on the date.
Here is some example code: https://stackblitz.com/edit/custom-filter-only?file=src/main.vue
Is there a smart way of implementing the context menu on the Grid, so I can right click on a single row for more actions, like:
right click on a grid row and chose to go to the product page, or user page, or anything else related to the grid row data
Hello,
We are using kendo vue native component Grid.
FilWe do have column filtration. We noticed that when we filter a column with string values from column filter, the search that is being done, is a startsWith. For our business purposes we want to change startsWith to Contains for example.
Is there a clean way of doing this? Do you have any suggestions or examples?
Thanks
So how do we add a Detail Template? The docs are seriously lacking for Vue wrappers!!
I have this - which i assume would reference a $ref od "detail" but instead outputs a string
<kendo-grid ref="grid"
:data-source-ref="'dataSource'"
:menu="true"
:sortable='true'
:pagable="true"
:groupable="false"
:detail-template="'detail'">
Hi,
I'm trying to translate the filter menu of the Grid.
the instructions on page:
https://www.telerik.com/kendo-vue-ui/components/grid/api/FilterableProps/
seems clear.
But if I put by example:
<kendo-grid ref="grid" :data-source-ref="'datasource1'" :pageable='true' :sortable="true" :filterable="true" :selectable="true"
:filterable-messages-clear="'Reimposta'"
The text of the relative button is always "clear".
Any suggestions?
Thank's in advance!
Hi I have a grid using: https://www.telerik.com/kendo-vue-ui/components/grid/filtering/filter-menu/
I have several filters by columns, how can I change the title?
In the image you can see my grid, for example in the first filter I need the title to be different from the second, how is this possible?
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
Hi,
I am using Kendo UI Material theme. I would like to switch between light and dark themes without reloading the whole site. May I know what are variables available that I can set in the code?