Hello,
In my grid in the columns I put custom colum menu, so I can use directly the filters. The problem is that although everything seems to be working fine, when I click on on column filter it opens a popup, and when I click on one other columns filter it also opens a popup BUT does not close the previous one.
I ve seen examples where this functionality works, and some others that it does not. Is there a solution for when I open one columns filter popup to close all the others that is currently open?
Thanks
//This adds a custom template to my column menu
column.columnMenu = "CheckboxColumnFilterRender";
//This adds a custom icon and a custom color to my column header
headerClassName:"generic-filter-icon c-gray-600",
<templatev-slot:CheckboxColumnFilterRender="{ props }">
</template>
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 would like to have undo and redo buttons in vue text Editor , I couldn't see it here in where I'm typing question now.
The undo () and redo () icons--> like these or buttons anything would work.
could you please suggest what could be done to add undo and redo buttons.
appreciate your help,
Thank you
I'm looking at the official documentation for dragging and dropping TreeView elements here: https://www.telerik.com/kendo-vue-ui/components/treeview/api/TreeViewDragAnalyzer/
The drag hint icons in the example always show the cancel icon even when the drag and drop is valid and works.
The Angular example works as expected. It's only the Vue example that seems broken.
Hello,
Is there a solution for a filtered column in a grid based on column filter or an external filter to change its color to show to the user that it has been filtered with something?
I try to implement it myself and I fall short to understand all the possible subcases that occur. Is there a ready solution or could someone suggest me how to do it?
Thanks
I need to open the Master-detail template not only on the "+" or "arrow" icon but on another button on the screen.
In other words, How can we invoke the "expandChange" method from other element instead of <Grid @expandchange="expandChange" > to expand/collapse the detail template?
Template: I want to expand the detail template with the click of the Edit button.
<Grid
:data-items="sampleData"
:columns="columns"
:detail="cellTemplate"
:expand-field="'expanded'"
@expandchange="expandChange"
>
<template v-slot:actionColumn>
<td>
<div class="d-flex align-items-center tbl-actions">
<button
type="button"
title="Edit"
@click="expandChange"
class="btn btn-icon d-flex align-items-center"
>
<span class="icon icon-edit"></span>
</button>
<button
type="button"
title="Add to Cart"
class="btn btn-icon d-flex align-items-center"
>
<span class="icon icon-cart"></span>
</button>
</div>
</td>
</template>
<template v-slot:expandTemplate> Detail template goes here.... <template>
Method:
expandChange: function (event: any) {
event.dataItem[event.target.$props.expandField] = event.value;
if (event.value) {
event.event.target.parentNode.parentNode.classList.add("expanded-row");
} else {
event.event.target.parentNode.parentNode.classList.remove(
"expanded-row"
);
}
},
It's possible to generate toolbar item based on array of object as below sample? I try but I hit v-for & v-if not allowed to use together.
Hello! I want to bind image to tree view item like this
<kendo-hierarchicaldatasource ref="remoteDataSourceComponent"
:transport-read-url="'api/gettreenodes'"
:transport-read-data-type="'json'"
:schema-model-id="'id'"
:schema-model-has-children="'hasChildren'">
</kendo-hierarchicaldatasource>
<kendo-treeview data-source-ref="remoteDataSourceComponent"
:data-text-field="'name'"
:checkboxes="false"
:data-image-url-field="getIcoPath('type')"
:drag-and-drop="false">
</kendo-treeview>
methods: {
getIcoPath: function(typeId) {
return require('./resources/'+typeId+'.png');
}
I want to set treeItem image according to treeItem type in function getIcoPath.
Is it possible?