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
Hello,
I need to use a column filter with checkboxes on my current grid. I want the checkboxes to have values from all the possible data from the server instead of only the data that I got on the current page.
This means that when the column filter is getting open, I need to make a call to the server in order to get all the data I need.
Can you please provide me a way to do, because I can't find one.
Thanks
Nevermind, I solved it. I saw that there is a property dataItems. This raised another question. How can I make a loading animation for the dropdown while I m waiting to get my data?
Hi
I want to bind a dropdown list in a grid using cell template.
While using state in a cell template I am getting error store state is undefined.
Cell template is something like below.
const cellPurchaseCategoryTemplate = Vue.extend({
props: {
field: String,
dataItem: Object,
format: String,
className: String,
columnIndex: Number,
columnsCount: Number,
rowType: String,
level: Number,
expanded: Boolean,
editor: String
},
computed: {
purchaseCategoryList(): Array<CategoryChildCodeData> {
if (this.purchaseCategories) {
return Utility.cloneObject(this.purchaseCategories);
}
},
...invoiceApprovalStoreHelpers.mapState(["purchaseCategories"])
},
template: `<td>
<cvc-autocomplete v-model="dataItem.category"
v-bind:data-source="purchaseCategoryList"
v-bind:name="assignFieldName(field, dataItem)"
v-validate="'required'"
data-vv-as="Purchase Category">
</cvc-autocomplete>
</td>`
});
export default cellPurchaseCategoryTemplate;
Is it possible to prevent the user from clicking (selecting) a parent node, but still allow selection of any children. Or ideally change the behaviour of the parent node to expand / collapse the node. The current behaviour of the DropDownTree is that all children are selected, and I don't want this, only a single (child)node should be selectable
So in the example below, the user can select on Apple, Orange etc, but not Fruit / Vegetable
- Fruit
Hi, this is my problem.
I use the confirm function in kendo dropdownlist to make sure the user want to change the value or not.
When the user choose "cancel", that means he doesn't want to change the old value.
However the value in the dropdownlist UI shows the changed NEW value.
Here is the example: https://stackblitz.com/edit/dropdownlist-confirm?file=src/main.vue
Although the console shows "CANCEL", but the UI still shows the changed new value.
How can I fix this ? Thank you in advance!!!
We are evaluating kendo vue components for our project.
when typing in combobox, the dropdown doesn't scroll to first match.
Please refer to demos
https://www.telerik.com/kendo-vue-ui/components/dropdowns/combobox/
data items are:
["Baseball", "Basketball", "Cricket",
"Field Hockey", "Football", "Table Tennis", "Tennis",
"Volleyball" ]
when searching for "volley" the dropdown doesn't scroll to volleyball item.
Hello,
I'm trying to use the custom kendo scss theme inside my Vite project but I'm getting errors when it tries to compile the theme.
Here I've made a reproduction of the problem:
Vitejs (forked) - StackBlitz
Does anyone know what I'm missing here?
Thanks in advance,
Vincent
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?
Hello
I'm using the kendo Vue wrapper to implement a grid. I want to have the first column of my grid to be a checkbox column so i can select rows. As the docs suggested I wrote a selectable="true" kendo grid colomn. But no checkboxes are visible, I checked the DOM and it's because there are only input type checkbox tags with class "k-checkbox" added and not the nessecary labels with class "k-checkbox-label". I'm not sure if I'm missing something or the kendo grid column with binding :selectable isn't working properly.
<
kendo-grid
ref
=
"vehicleGrid"
:data-source-ref
=
"'vehicleDataSource'"
:groupable
=
"true"
:sortable
=
"true"
:resizable
=
"true"
>
<
kendo-grid-column
:selectable
=
"true"
:width
=
"50"
></
kendo-grid-column
>
...Other columns....
</
kendo-grid
>
Thanks for helping me!
Kind regards
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.