Telerik Forums
Kendo UI for Vue Forum
1 answer
701 views

Hi, 

I can show the grouping aggregates of kendo grid and I also can add exportExcel into my project.

But I have no idea how can I combine it?

 

I had the problem that my excel file doesn't have the groupfooter "aggregates".

 

Also, the columns misalign, when I add this into the exportExcel methods.

group: this.rentGroup,

 

 

Here is the code:

https://stackblitz.com/edit/wzp8rg?file=src%2Fmain.vue

 

Thank you in advance.

Petar
Telerik team
 answered on 15 Sep 2021
1 answer
242 views

I'm currently using this object provided by the kendoForm injected property:

https://www.telerik.com/kendo-vue-ui/components/form/api/KendoFormInjectedProperty/#toc-modifiedbyfield

When I change a field inside the <FormElement> it adds the field to this object, however once I undo this change (return back to initial value) the field remains inside the object.

Here's a stackblitz to illustrate the problem:
https://stackblitz.com/edit/t7gw96?file=src%2FFormContent.vue

 

How do I remove the fields from this object when they no longer differ from their initial value?

 

Plamen
Telerik team
 answered on 14 Sep 2021
1 answer
191 views

I've added the Kendo MultiSelect component inside a Kendo Form. However once I start typing some text inside the MultiSelect it throws an error as soon as I click outside:
https://stackblitz.com/edit/bfuhyb?file=src%2FFormInput.vue (stackblitz example of the problem)

What's worse is that upon throwing this error it completely freezes the input until you remove the text (you can't see this on stackblitz since the error covers the screen).

Did I forget to add a certain property to the MultiSelect or is this a bug?

When the MultiSelect is outside of a Kendo Form it doesn't have this behavior:
https://stackblitz.com/edit/ys4zsu?file=src/main.vue (stackblitz as linked on https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/)

Plamen
Telerik team
 answered on 14 Sep 2021
2 answers
118 views
How does the Spreadsheet component developed based on VUE use code to hide certain columns or rows
Petar
Telerik team
 answered on 13 Sep 2021
1 answer
119 views
In order to purchase your products recently, we mainly need to use the Spreadsheet module developed based on VUE. In the test phase, we encountered an unsolved problem, how to disable the "+" button of adding TAB and the "delete TAB" button at the bottom of the table. Another problem is:How to view the SPREADSHEET VUE document? Do YOU need to purchase it before owning it? Please reply asap!
Petar
Telerik team
 answered on 07 Sep 2021
1 answer
478 views

On most Native Kendo Vue components the following classes are applied depending on the state: 

  • 'k-floating-label-container'         
  • 'k-state-focused'          
  • 'k-state-empty'         
  • 'k-autofill'         
  • 'k-state-invalid'         
  • 'k-rtl'

'k-state-invalid' for instance adds a red border around the Kendo Input component:



In this example the red line isn't added to the html textarea:
https://www.telerik.com/kendo-vue-ui/components/form/guidelines-with-examples/#toc-vue-form-inputs


Is there an easy and efficient way to add (some of) these classes to a native html textarea?
Petar
Telerik team
 answered on 03 Sep 2021
1 answer
94 views

Hello community,

I am wondering if anyone knows a way to programatically abort the execution of savePDF in the kendo-vue-pdf library?

 

Thanks!

Petar
Telerik team
 answered on 02 Sep 2021
1 answer
614 views

I have below item in my 'columns' in 'data' function of my grid component. How can I write it in <kendo-grid-column> tag format?

I also need my isActive to render as a radio button all the time. Please help with these 2 things.

cell: "myTemplate", filterable: false, width: "210px" }

 

This is what I have so far. It display all columns except my v-slot.

<grid :style="{ height: '300px', width: '60%' }"

      ref="grid"
      :data-items="gridData"
      :pageable="pageable"
      :sortable="sortable"
      :skip="skip"
      :total="total"
      :edit-field="'inEdit'"
      @itemchange="itemChange"
    >
      <kendo-grid-column field="emailAddress" title="Account" :width="120">
      </kendo-grid-column>
      <kendo-grid-column
        field="Description"
        title="Description"
        :width="120"
      ></kendo-grid-column>
      <kendo-grid-column
        field="isActive"
        title="Is Active"
        :width="120"
      ></kendo-grid-column>
      <kendo-grid-column
        cell="myTemplate"
        filterable="false,"
        :width="120"
      ></kendo-grid-column>
      <template v-slot:myTemplate="props }">
        <custom
          :data-item="props.dataItem"
          @edit="edit"
          @save="save"
          @cancel="cancel"
      /></template>
Petar
Telerik team
 answered on 02 Sep 2021
1 answer
628 views

I'm trying to combine 2 Kendo Dropdowns + 1 Kendo Input field together inside a single Form component.

Inside this component I want to save the values from the 3 inputs a single array and pass it's value to the Kendo Form component:

https://stackblitz.com/edit/4lrva3?file=src/FormInput.vue


What's the best way to achieve this?

Thanks in advance

Plamen
Telerik team
 answered on 27 Aug 2021
1 answer
90 views

Hello,

Just wondering if there is a way to have the datetimepicker for Vue, the native datetimepicker, to be blank by default instead of the input mask looking text?

Kind regards,

David

Petar
Telerik team
 answered on 24 Aug 2021
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Calendar
NumericTextBox
DateInput
DateTimePicker
Editor wrapper
DataSource wrappers (package)
Scheduler wrapper
Styling / Themes
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
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
Button
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
+127 more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?