Hello,
I have a queastion. When I use DropDownList in Navtive components of Vue3, I want to filter with both data item key and text field.
but the method I found is only using one field.
The field properties of a DropDownList are strings or functions.
I need Array<string> like ['dataItemKey', 'textFiled']. Can I?
example :
data-Item-list = [
{text : 'A', value : 1},
{text : 'B', value : 2},
{text : 'C', value : 3},
{text : 'D', value : 4}
]
When I put 3, C is searched.
At the same time I put D, D is searched.
Hello everyone,
I've been trying to find a simple method to copy a date from one datepicker and paste it into others since the usual Ctrl+C and Ctrl+V shortcuts don't seem to work. So far, I haven't discovered an easy solution other than utilizing events directly on the datepicker itself. However, this approach doesn't work when trying to copy a date from another source. If anyone has any alternative suggestions or solutions, I'd greatly appreciate it.
Hi all,
could it be that the "Color Picker doesn't habe any translations?
Thank you for feedback
BR
Oliver
Kendo-Vue-grid vs Kendo-grid-Vue-Wrapper
What is the difference between the two as in what would be the scenarios in which one would be better than the other? I would like to understand in detail please.
Also prop 'GridColumn' is only available in the grid wrapper and not the native grid. What is the reason behind that?
Are there any components in Kendo UI for VUE that do not support Typescript?
Thanks for your time,
Hiba
Hi,
Is it possible to initialize the grid (native) via the CDN service? I've only tried the grid wrapper in this way :(
Hi,
I am using TypeScript and I am trying to display a grid in which three columns would be text and one column would be and image. How can insert a template for the fourth cell being and HTML image in each row? JSX is not enabled in my project so I need to come up with a solution using slots and props. I am using kendo-vue-grid and not the wrapper. My Grid.vue looks like this:
<template>
<grid :data-items="imagesData.images" :columns="columns"></grid>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { Grid, type GridCellProps, type GridColumnProps } from '@progress/kendo-vue-grid';
const customImageCell = (props: GridCellProps) => {
return `<img src = "${props.dataItem}" alt="thumnailUrl" ></img>` //if I log props.dataItem, its undefined
}
const columns = ref([
{ field: 'name', title: 'Name' },
{ field: 'category', title: 'Category' },
{ field: 'artist', title: 'Artist' },
{ field: 'price', title: 'Price' },
{ title: 'Thumbnail', cell: (props: GridCellProps) => customImageCell(props) },
] as GridColumnProps[]);
</script>
My data looks like this
{
"images": [
{
"id": 1,
"name": "Multicolor Abstract",
"category": "Abstract Art",
"artist": "Artist 1",
"price": 795.95,
"numberSold": "567",
"thumbnail": "/images/Abstract/AbstractArt1.jfif"
},
{
"id": 2,
"name": "Coral colors",
"category": "Oil painting",
"artist": "Artist 2",
"price": 795.95,
"numberSold": "567",
"thumbnail": "/images/OilPaintings/AbstractOilPainting.jpeg"
},
{
"id": 3,
"name": "Forest",
"category": "Landscape",
"artist": "Artist 1",
"price": 795.95,
"numberSold": "567",
"thumbnail": "/images/Landscape/ForestLandscape.jpg"
}
}
Grid renders but the Thumbnail column just prints <img src = "undefined" alt="thumnailUrl" ></img> as text.
I have verified that my data is available by printing it in console.log.
Help would be appreciated.
Thanks,
Hiba
Hi!
I have a question.
I would like to mark Saturday in blue and Sunday in red.
The only information I have is the 'k-weekend' class that doesn't seem to distinguish Saturday from Sunday.
Is there a simple way to distinguish it?
I don't want to mess with props if possible.
Thanks for reply