Telerik Forums
Kendo UI for Vue Forum
2 answers
175 views

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!

 

Plamen
Telerik team
 answered on 10 Sep 2018
3 answers
261 views

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

Dimitar
Telerik team
 answered on 03 Sep 2018
8 answers
723 views

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>

Sam
Top achievements
Rank 1
 answered on 24 Aug 2018
1 answer
199 views

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. 

Ivan Danchev
Telerik team
 answered on 14 Aug 2018
1 answer
205 views

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";
    }
}
Nencho
Telerik team
 answered on 14 Aug 2018
5 answers
288 views

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).

Dimitar
Telerik team
 answered on 09 Aug 2018
3 answers
115 views

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/

 

Dimitar
Telerik team
 answered on 01 Aug 2018
4 answers
155 views

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?

 

Ilya
Top achievements
Rank 1
 answered on 27 Jul 2018
4 answers
306 views

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?

Michael
Top achievements
Rank 1
 answered on 25 Jul 2018
2 answers
138 views

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.

Ilya
Top achievements
Rank 1
 answered on 25 Jul 2018
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Calendar
Input
MultiSelect
NumericTextBox
DateInput
DateTimePicker
Editor wrapper
Styling / Themes
DataSource wrappers (package)
Scheduler wrapper
Chart wrappers (package)
Gantt wrapper
Localization
Chart
Checkbox
ComboBox
Window
Pager
Error
Upload
DropDownList wrapper
Popup
Form
Tooltip
TreeView
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
ColorPicker
Button
Accessibility
AutoComplete
AutoComplete wrapper
Button wrapper
ComboBox wrapper
ContextMenu wrapper
Licensing
ListBox wrapper
ListView wrapper
Map wrapper
MaskedTextBox
Menu wrapper
MultiColumnComboBox wrapper
Splitter wrapper
TabStrip wrapper
TimePicker
TreeView wrapper
TabStrip
Card
RadioButton
FloatingLabel
TextArea
Drawer
Stepper
DateRangePicker
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
ListView
FontIcon
SVGIcon
Animation
Barcode wrapper
ButtonGroup wrapper
Chat wrapper
ColorPicker wrapper
DateInput wrappers (package)
Diagram wrapper
Dialog wrapper
Gauges wrappers (package)
MaskedTextBox wrapper
MediaPlayer wrapper
Notification wrapper
Pager wrapper
PanelBar wrapper
PivotGrid wrapper
QRCode wrapper
RangeSlider wrapper
ScrollView wrapper
Security
Slider wrapper
Switch wrapper
Tooltip wrapper
TreeList wrapper
TreeMap wrapper
Window wrapper
Avatar
StockChart
Sparkline
RadioGroup
Hint
Loader
ProgressBar
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
SpeechToTextButton
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?