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
How does Kendo for Vue clean up any objects or events when you use them in a scenario where the controls are dynamically added and removed with Vue's "v-if" (where they get fully removed from the DOM)? I would be interested in a general explanation, as well as specifically where in the Kendo code that this happens. In the mixins, I can see them hooking up "mounted", but had expected to maybe see something for "beforeDestroy". I'm not saying there is anything wrong with them, but just curious if I could encounter memory leaks, or if there is anything specific that I need to be doing with Kendo for Vue, to help prevent memory leaks. Thanks!
Hi all,
using the kendo-datetimepicker, you can force the masked date input with the prop: dateInput=true.
https://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker/configuration/dateinput
Is this functionality also available for table cells, or how can this be achieved?
Regards
ulf
I'm really struggling here. I need to add a custom button which takes the ID of the current row. I've tried added a columns array and adding a "template" entry, to no luck and now trying to do this inline. Any help?
{field: 'name', title: 'District Name', width: '250px'},
{
width: '70px',
template: '<button class="btn btn-sm btn-info" v-on:click="alert(# _id #)">Edit</button>'
},
<kendo-grid id="grid"
:data-source-ref="'dataSource'"
class="table table-sm">
<kendo-grid-column :field="'name'" :title="'District Name'"></kendo-grid-column>
<kendo-grid-column :field="_id">
<button class="btn btn-sm btn-info" v-on:click="openManager(_id)">Manager</button>
</kendo-grid-column>
</kendo-grid>
Hello,
I use yours gantt wrapper, but I have problem with refresh or change datasource when some event happened. I check reactive changes at others wrapers i.e. grid and ther this is working fine. I try also manipulate yours exemples at sandbox and plnkr, but it always fails.
I'd do something like that.
var app = new Vue({
data() {
mySource: []
},
mounted: function(){
this.mySource = [{ id: 1, end: "xx"..... }];
}
})
How can i do this? I found some post and then was admin anserw that vue-wrappers from wersion 2018.2.xxx are reactived. I will be greatfull for working plnkr.
Hello, i would like change my old arr with new, but I have error: dataSource.fetch is not a function.
Here is plnkr
data: {
localdatasource: [{
id: 0,
orderId: 0,
parentId: null,
title: "Main Project",
summary: true,
expanded: true,
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 15:00")
}]
}
methods: {
go: function(){
//How can i do sth like that
this.localdatasource = [{
id: 0,
orderId: 0,
parentId: null,
title: "New",
summary: true,
expanded: true,
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 15:00")
}]
this.localdatasource[0].title = "Nowy";
}
}
Is it possible to use Kendo Vue with the ESM runtime-only library (i.e. vue.runtime.esm.js)?
I get the following error when trying to use the grid:
vue.runtime.esm.js:588 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
found in
---> <KendoGrid>
<Root>
I've read the thread "kendopanelbar causing You are using the runtime-only build of Vue " (https://www.telerik.com/forums/kendopanelbar-causing-you-are-using-the-runtime-only-build-of-vue). But, the solution suggested is to use vue.js (the full library).
Can you guys please fix the Material Design demo page? The Preview seems to be broken, and shows a spinner that won't go away. I tried in the latest FF, Chrome, Edge.
https://www.telerik.com/kendo-vue-ui/components/styling/theme-material/
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?