Questions on Kendo UI for jQuery Forum

1 answer

394 views

Copy Paste Value Not Validated in Date Picker and Returns Null

I have KendoDatePickers where it works fine if user clicks on the calendar control and selects the date.

But I also want that user can copy-paste the date format and it gets validated. Currently it is returning null for the value being copied like the attached image.

Is there any way I can validate the date?

Below is the JavaScript code I am using to get the values.

Thanks.

var oEndDateAfter = $("#EndDateAfter").data("kendoDatePicker").value();<br>

var oEndDateBefore = $("#EndDateBefore").data("kendoDatePicker").value();

Date/Time Pickers

answered on 30 Mar 2021

3 answers

214 views

How to get selection mode

Hi,

Two questions in one:

1. What is the proper way to determine the selection mode in a grid?

Right now, I use this code in TypeScript:

isMultipleSelection(grid: kendo.ui.Grid): boolean {

// @ts-ignore

if (grid && grid.selectable) {

// @ts-ignore

return grid.selectable.options.multiple;

}

return false;

}

Note how I must use ts-ignore, or else I get "Property 'selectable' does not exist on type 'Grid'."

In other words, Grid.selectable does not seem to be a "public" property, also I dislike having to use ts-ignore.

2. In general, is there a way to get access to the grid's current configuration?

Grid

answered on 29 Mar 2021

1 answer

161 views

Kendo Scheduler Antiforgery token

I've a kendo scheduler which displays meetings. I'm passing some additional parameter to the read action method like start date, end date and some Boolean parameters, to fetch data. There is an antiforgery token in the view. How do I pass the antiforgery token with additional parameters to scheduler read method.

@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Activity>()

.Name("scheduler")

.Height(600)

.EventTemplateId("event-template")

.Views(views =>

{

views.DayView();

views.WeekView(week =>

{

week.Selected(true);

});

views.WorkWeekView();

views.MonthView();

views.AgendaView();

})

.Resources(resource =>

{

resource.Add(m => m.Attendee)

.Title("Attendee")

.DataTextField("Text")

.DataValueField("Value")

.DataColorField("Color")

.BindTo(new[] {

new { Text = "Jason", Value = 1, Color = "#eaf8ff" },

new { Text = "Maddie", Value = 2, Color = "#fdfdf4" }

});

})

.DataSource(d => d

.Model(m =>

{

m.Id(f => f.ID);

m.Field(f => f.Title).DefaultValue("No title");

m.Field(f => f.Attendee).DefaultValue(1);

})

.Read("Overview_Read", "Scheduler").Data("additionalData")

)

General Discussions

answered on 29 Mar 2021

1 answer

2.0K+ views

Vertical Align Cell Top in Kendo Grid

I have a two column grid in which the second column contains html and can be quite tall. As a result, the value in my first column is often hidden until I scroll down. Is there a way that I can top-align the values in the first column? I can find it it for spreadsheet columns but not grid. Any assistance in this greatly appreciated.

Grid

answered on 29 Mar 2021

2 answers

71 views

Scheduler - call another component for custom edit template

Hello,

I would like to call a component which contains only the custom edit template (to create a new task or edit) for my scheduler into the property "editable" of my scheduler.

I followed this solution but when I double click on the scheduler the edit window just displays "[Object object]"
The code of scheduler :

<kendo-scheduler id="scheduler"

:data-source="localDataSource"

:event-template="eventTemplate"

:editable="{template:editTemplate}" //here

>

The import :

import CustomEditTemplate from './customEditTemplate.vue';

The code of the method editTemplate() :

methods: {

editTemplate: function(){

return {

template: Vue.component(CustomEditTemplate.name, CustomEditTemplate),

}

The code of the component that contains the custom template :

<template>

<div class="k-edit-form-container">

<p> Titre <input type="text" /> </p>

<p>

<span >Start <input data-role="datetimepicker" name="start" /> </span>

<span >End <input data-role="datetimepicker" name="end" /> </span>

</p>

</div>

<script>

export default {

name:"CustomEditTemplate",

}

</script>

I think the problem comes from the method editTemplate but I don't undestand why.

Anyone can help me ?

Thanks.

Scheduler

answered on 29 Mar 2021

1 answer

100 views

Kendo ui Jquery Context menus do not work on iPads after latest iOS update 13

Hi,

We have created file manger in that we have content menu but context menu is not opening in IPad iOS in desktop view.

You have provided solution for ASP.NET AJAX below is the link for that.

https://docs.telerik.com/devtools/aspnet-ajax/knowledge-base/contextmenu-not-working-ipad-ios13-safari#suggested-workarounds

Can you please provide the same solution for Kendo UI Jquery?

Thanks,
Vishal

FileManager

answered on 29 Mar 2021

1 answer

558 views

Heat Map for USA shaded by State Or Region

Hey,

Wondering if it is possible to feed in a dataset, that would produce a heat map based on the values per state (or region) on the map of the USA.

I have read a few forums but have not found any solutions.

If you can let me know if this is possible and if there is any documentation I could follow that would be brilliant.

Attached is what I want the outcome to look like.

Shane

Map

answered on 29 Mar 2021

9 answers

949 views

Table formatting is gone in copy/paste from MS Word to Kendo Editor

I have a problem in copy/paste from MS word to Kendo Editor.
Copying only text is working fine. But when table is copied and pasted, all formatting is gone.
How can I solve this problem?

Editor

answered on 29 Mar 2021

5 answers

683 views

chat datasource?

Hello

Is there any way to keeping all the messages in chat ui, is there a workaround so that I store the historical messages on user return then show the historical messages?

Thank you

Chat

answered on 26 Mar 2021

1 answer

162 views

Issue with sourcing date from python

I have an issue where some dates do not get pulled from data source while others do.

All source dates are in python datetime.date object. Example of two dates where one works, one does not. Along with relevant code snipped from schema/model:

1995-05-01
1990-09-10

fields: {
rozuctovanie_vyhotovenie: {type: "date"},
rozuctovanie_fakturacia: {type: "date"},
}

And resulting dates shown in final grid; as you can see the September date didn't even get loaded. I'm honestly unsure if this is a problem of sourcing from python datetime.date object or something else.

Data Source

answered on 26 Mar 2021