Telerik Forums
Kendo UI for Vue Forum
7 answers
755 views
Native Grid: Is there a way to assign a class to a row (tr) based on the data without having to completely render the row in a row template? Seems like it would be a pretty common operation.
Plamen
Telerik team
 answered on 07 Aug 2020
1 answer
81 views

in KendoUI for Vue

I implement one component with TreeList has  father-son relationship items,Customize use checkboxes with Cascade selection。

must  Use column Template to resolve,old jquery template don't support component event,So i must use native  Column template。

But use native  Column template ,I Found  TreeList  cause Repeat Data when expand Or collapse。

What is the right method,i can choose to resolve this problem。

 

 

Petar
Telerik team
 answered on 14 Jul 2020
1 answer
155 views
What's the syntax for a treelist template column?  I can't find any examples anywhere.
Nikolay
Telerik team
 answered on 10 Jul 2020
3 answers
224 views
Tool: Kendo Spreadsheet

Hello Kendo Team, 

I am having an issue when importing an excel spreadsheet to kendo Spreadsheet. Once I import my file I get the error in the console shown below and nothing shows up on the spreadsheet. I am not sure how to fix this error or even why it is appearing. I can share the file that I am uploading if needed. 

Thank you. 

Plamen
Telerik team
 answered on 23 Jun 2020
1 answer
197 views

I'm trying to add validation/formulas to an entire column except the first row. I found this thread to select an entire column:

https://www.telerik.com/forums/column-validation-20a85bc435da

 

The problem with the above method is that my spreadsheet is bound to a remote data source, so the first row is column headers. Is there a way to apply formulas and validation to all of the other rows except the first? Defining these cell-by-cell causes a big delay when the data is loaded.

Neli
Telerik team
 answered on 22 Jun 2020
2 answers
2.2K+ views

 

I was used some components for the project purpose, and am getting error in some components like " error: 'kendo' is not defined (no-undef) at src\components\History.vue:27:48: "

why this is happening in many times when I using the components, was am imported the import '@progress/kendo-ui' it  also, whats wrong happened here.. need help.

 

This is the one of flowing issue registered code

Module Warning (from ./node_modules/eslint-loader/index.js):
error: 'kendo' is not defined (no-undef) at src\components\History.vue:27:48:
  25 |         showStaticNotification: function() {
  26 |             var d = new Date();
> 27 |             this.staticNotificationWidget.show(kendo.toString(d, 'HH:MM:ss'));
     |                                                                          ^
  28 |         }
  29 |     },

1 error found.

takasji
Top achievements
Rank 1
 answered on 17 Jun 2020
2 answers
78 views

Hi!

I'm trying to override the CalendarWeekCell in the Calendar control for Vue.

My goal is really just to be able to receive a click-event when the user clicks a week-number.

 

I've checked this documentation: https://www.telerik.com/kendo-vue-ui/components/dateinputs/calendar/custom-rendering/#toc-cells-inside-the-week-column

but it seems wierd to register a global instance of a component just to be able to override this cell.

Is there any other way? Do you have an example?

Or, even better, would you concider exposing the on-click-event for the weeknumbers (typically used to select the whole week when the user clicks it).

 

Thanks!

 

Jon

 

Plamen
Telerik team
 answered on 15 Jun 2020
4 answers
270 views

Is there any way to detect mouse scroll event in Kendo Grid??

 

I read API document and tried the code below 

But nothing worked.

-----------------------------------------------------------------------

mounted () {

  document.addEventListener('click', someHandler)

 

     

}

-----------------------------------------------------------------------

 

Adding 'wheel' event works well inside Kendo Grid. However 'click' 

Veselin Tsvetanov
Telerik team
 answered on 12 Jun 2020
1 answer
233 views

We have a Kendo vue UI Grid column with Vue bootstrap Datepicker as a custom column.

When we click the calender icon it is partially showing inside the cell. I want it to be show as an popup outside the cell.

Below is the code snippet from the custom cell component

<template>

 <td class="cell-editable">
    <b-input-group>
      <b-form-input
        :value="aufValue | date"
        type="text"
        placeholder="tt.mm.jjjj"
        :disabled="!canEdit"
      ></b-form-input>
      <b-input-group-append>
        <b-form-datepicker
          size="sm"
          button-only
          :value-as-date="true"
          v-model="aufValue"
          locale="de-AT"
          :disabled="!canEdit"
        ></b-form-datepicker>
      </b-input-group-append>
    </b-input-group>
  </td>

<template>

right now it show like the attached screenshot:

Please suggest a solution for achieving the same.

Thank You

Veselin Tsvetanov
Telerik team
 answered on 10 Jun 2020
1 answer
133 views

When a I want to generate a production version, the next error is emitted by the compiler.

No overload matches this call.
  The last overload gave the following error.
    Argument of type 'ComponentOptions<InputAllMethods, DefaultData<InputData>, DefaultMethods<InputAllMethods>, InputComputed, RecordPropsDefinition<...>, Record<...>>' is not assignable to parameter of type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Record<string, any>>, Record<...>>'.
      Types of property 'methods' are incompatible.
        Type 'DefaultMethods<InputAllMethods> | undefined' is not assignable to type 'DefaultMethods<Vue> | undefined'.
          Type 'DefaultMethods<InputAllMethods>' is not assignable to type 'DefaultMethods<Vue>'.
            Index signatures are incompatible.
              Type '(this: InputAllMethods, ...args: any[]) => any' is not assignable to type '(this: Vue, ...args: any[]) => any'.
                The 'this' types of each signature are incompatible.
                  Type 'Vue' is not assignable to type 'InputAllMethods'.

Nencho
Telerik team
 answered on 10 Jun 2020
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?