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.
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.
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
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'
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
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'.
Hi
I have a question about scheduler's pdf export style.
I am using eventTemplate to show multiple lines of additional information in one event.
And when exporting to pdf, using .k-pdf-export to increase the font size of additional information in the event.
.k-pdf-export .k-scheduler .scheduler-info
{
font-size: 1.2em !important;
}
And I added the code below to increase not only the font size, but also the height of the scheduler table and the height of each event.
.k-pdf-export div.k-event
{
height: 110px !important;
}
.k-pdf-export .k-scheduler-monthview .k-scheduler-table td
{
height: 130px !important;
}
As a result, the height size increased as desired, but the height gap between the events did not widen, resulting in an unnatural appearance (see attached file).
When exporting in pdf, how can I increase the font size, event height, table height, and the interval between events to be constant as I want?
It seems to me that I need to modify the "top" property(css style) of each event div in the scheduler.
Anyway, I would be grateful if you could tell me how to do it.
In my chart I am binding two series. On create of my component I build the series and bind to the kendo ui chart component. The series look like [{Price:xxxx, DateTime:xxxx}, {Price:xxxx, DateTime:xxxx}, {Price:xxxx, DateTime:xxxx} .... etc] . I set the series data by setting the chartSeries.data property. The chart displays correctly but I get this error:
TypeError: Cannot read property 'getTime' of undefined
Hi,
I have simple two questions.
I'm comparing both Kendo Vue Native components and wrapper components to migrate from Kendo jQuery.
Wrapper components
-> If I set :columnMenu="true", I can see a list of menus like sort ascending and it also has 'Columns' menu which shows or hides columns by checking or unchecking check boxes.
However When I implement same components by using native components, the list doesn't show 'Column' menu.
Can someone tell how to show the column menu???
And, if I already have license for jQuery, is it possible to get license for Vue without extra payment??