Hi All,

            I am trying to export data to excel using kendo grid and vue js .   I am following https://www.telerik.com/kendo-vue-ui/components/grid-native/excel-export/ link

But i am getting below error  

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Object(...) is not a function"

found in

---> <Export> at src/components/Excel/export.vue
       <App> at src/App.vue
         <Root>
warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1884
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911
vue.runtime.esm.js?2b0e:1888 TypeError: Object(...) is not a function
    at VueComponent.exportExcel (export.vue?31a1:29)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
    at HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179)
    at HTMLButtonElement.original._wrapper (vue.runtime.esm.js?2b0e:6911)

Below giving my code. and let me know where i am doing wrong?

<template>
<div>
<button @click="exportExcel" class="k-button">Export Excel</button>
<kendo-grid :height="550" :data-source="info" >
<kendo-grid-column field="Name" title="Name" ></kendo-grid-column>
<kendo-grid-column field="Code" title=Code :width="120" :format="'{0:c}'"></kendo-grid-column>
</kendo-grid>
</div>
</template>
<script>
export default {
name:'export',
data () {
return {
visible: true,
Information : 'absd',
info: null
}
},
mounted () {
axios
.get('https://localhost:44311/api/Module/')
.then(response => (this.info = response.data.lstModuleDetails))
},
methods: {
exportExcel: function () {
saveExcel({
data: this.items,
fileName: "myFile",
columns: [
{ field: 'Code'},
{ field: 'Name', title: 'Name' }
]
});
}
}
}
import saveExcel from '@progress/kendo-vue-excel-export';
import axios from 'axios'
</script>

Hi!

I have a problem with the grid selection feature. When I select multiple rows, and I have subscribed to the @change event on the Kendo Vue Grid, the event returns the proper row keys. But when i deselect one of the rows, an empty array is returned, while there are still rows selected (minus the one I have just deselected). The behaviour I would expect is for the event to return al currently selected rows, not an empty array. Does anyone have a solution to this? I need the information to bind to another component. Any help would be greatly appreciated! Below 

hi I am the user of kendo-uploader

when  I open the kendo-window, my fileUpload have to Keep some files what I can remove, so I use a Initailfile Option like the Code of below

$("#fileUpload").kendoUpload({
        async: {
          saveUrl: "save",
          removeUrl: "remove",
          autoUpload: false,
          removeVerb: "DELETE",
        },
        remove: onRemove,
        files: this.mUploadFiles
      });

but I make a Problem because when I press the X button ,It works remove process immediately but I want to use my Custom remove process.

How can I use my Custom remove Process . Please help me to solve the problem

Hi

I have a custom filter template for a column and it works fine. I would like to hide the filter window as soon as the user clicks the custom "Filter" or "Reset" button. The window automatically hides when we click anywhere else. 

How can I close the window grammatically?

Hi,

i've gone through this Sandbox example and it works perfectly. But how to drag and drop a text/list item to edit an existing event. How we can do that with onDataBound 

Thanks!

Hi !

I'm using the kendo editor in the Vue environment.

I want to create a Kendo editor Custom tool using the following template.

I would like to create a Kendo editor custom tool for file upload using the template below. The internal logic is in place and we just want to see an example of creating a custom tool with a template.

--

 <input class="hide_file" type="file" @change="doUploadInput($event.target)"
            @drop="doUploadInput($event.target)" multiple>
          </input>

--

This is well enough in the official documentation but I would like to see a more detailed example.

thank you. have a good day

: )

Hi I'm usiong kendo editor and custom tools.

I have succeeded in creating a custom tool and attaching a method, but I wanted to put a fontawsome image in the tool,

so I tried following the guide below, but it doesn't work like the attached photo. Ask for help. Thank you.

Guide link :

http://dojo.telerik.com/AWUlef/6

 .k-editor .k-i-my-tool:before
  {
      font-family: FontAwesome;
      content: "\f0c7 ";
      font-size:16px;
  }

hi I am the user of Kendo-editor 

I  attach the kendo-editor on kendo-window

but when I make a Table I tried to resize but It does not work. I know that Other user already use this function.

Please give me an answer.  also this issue is make problem in Chrome , 

when I Click or Drag the Table ,Chrome gives a message like this

Uncaught TypeError: l.push is not a function
    at init.bind (kendo.all.js:134)
    at init.bind (kendo.all.js:117)
    at init._bindToResizeHandlesEvents (kendo.all.js:84051)
    at init._initResizeHandles (kendo.all.js:84023)
    at init.showResizeHandles (kendo.all.js:84003)
    at init._showTableResizeHandles (kendo.all.js:72692)
    at HTMLTableElement.<anonymous> (kendo.all.js:84103)
    at HTMLBodyElement.dispatch (jquery-2.2.4.min.js:3)
    at HTMLBodyElement.r.handle (jquery-2.2.4.min.js:3)