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?
I would like to be able to set kendo Vue component options globally, when needed. For example, I want all grids in my app to have "selectable" set to "row". Right now, we're having to bind it in every view with a grid: :selectable="gridOptions.selectable"
Doing that method requires devs to remember to add it though. With webforms, we were able to do that using AppThemes, so we're looking for something to that effect. Can you guys recommend a better alternative?
Hello! Can't find an example of how to change panes prop inside Kendo Vue Splitter. Like collapsable and size. Is it possible? Could you post the code?
Thanks.
Hi all,
i'm testing the vue grid component and wondering, why the sort indexes aren't shown like in the example: https://demos.telerik.com/kendo-ui/grid/sorting
Here's my test:
http://dojo.telerik.com/@ubrinker/idenomOd
TIA
ulf
Seeing some peer warnings for 7 of the wrapper packages due to dependencies on earlier versions, can these be ignored or is this a bug where the package.json for each of these is referring to earlier releases? I'm importing from @progress/kendo-all-vue-wrapper which is from the 2018.1.313 release.
+-- @progress/kendo-gauges-vue-wrapper@2018.1.313
| +-- @progress/kendo-base-components-vue-wrapper@2017.3.1026
| `-- UNMET PEER DEPENDENCY @progress/kendo-ui@~2017.3.1026
+-- @progress/kendo-listbox-vue-wrapper@2018.1.313
| +-- @progress/kendo-base-components-vue-wrapper@2017.3.1026
| `-- UNMET PEER DEPENDENCY @progress/kendo-ui@~2017.3.1026
+-- @progress/kendo-listview-vue-wrapper@2018.1.313
| +-- @progress/kendo-base-components-vue-wrapper@2017.3.914
| `-- UNMET PEER DEPENDENCY @progress/kendo-ui@~2017.3.913
+-- @progress/kendo-map-vue-wrapper@2018.1.313
| +-- @progress/kendo-base-components-vue-wrapper@2017.3.1026
| `-- UNMET PEER DEPENDENCY @progress/kendo-ui@~2017.3.1026
+-- @progress/kendo-mediaplayer-vue-wrapper@2018.1.313
| +-- @progress/kendo-base-components-vue-wrapper@2017.3.1026
| `-- UNMET PEER DEPENDENCY @progress/kendo-ui@~2017.3.1026
+-- @progress/kendo-spreadsheet-vue-wrapper@2018.1.313
| +-- @progress/kendo-base-components-vue-wrapper@2017.3.1026
| `-- UNMET PEER DEPENDENCY @progress/kendo-ui@~2017.3.1026
+-- @progress/kendo-treemap-vue-wrapper@2018.1.313
| +-- @progress/kendo-base-components-vue-wrapper@2017.3.1026
| `-- UNMET PEER DEPENDENCY @progress/kendo-ui@~2017.3.1026
I need a simple sample for doing a custom treeview template (not the checkbox template), where the template gets an instance of the node or node's data, so I can change the output based on the data. I have tried doing it like the grid ones shown in this forum, but if I set a breakpoint in devtools, I can see that my function doesn't seem to be getting anything on the argument. It does render the template though. I had it working as a string using a kendo template, but then couldn't call something back on my component, so figured I need a "proper" Vue template for it. Maybe I'm missing something simple here.
My method that is returning the template:
public itemTemplate(e: any): any {
return {
template: FieldGroupTemplate,
templateArgs: e
}
}
My template component (we use Typescript):
import Vue from "Vue";
import Component from "vue-class-component";
import { Prop } from "vue-property-decorator";
import { lazyInject } from "Areas/Ordering/OrderingIocContainer";
@Component({
template: "<div>{{ templateArgs.name }}</div>",
components: {
}
})
export default class FieldGroupTemplate extends Vue {
public templateArgs!: any;
constructor() {
super();
}
}
Some markup, from where a template has the treeview:
<kendo-tree-view id="fieldSelectorTreeView" :data-source="items"
@@select="select"
:data-text-field="'name'"
:checkboxes="checkboxes"
:template="itemTemplate"
@@check="check" style="height:615px">
</kendo-tree-view>