Questions on Kendo UI for jQuery Forum

2 answers

109 views

conditional color in details Row with master row data

Hi

I use an master detail Grid..I need to change detail data table text color conditionnaly to master row ?

Could you help me

Thanks

Grid

answered on 30 Mar 2021

1 answer

125 views

grid with edit option

Hi

I have found this sample in NET version https://demos.telerik.com/aspnet-mvc/grid/editing-custom-validation#source-code

Do you have same for AngularJS or Jquery ?

Regards

Grid

answered on 30 Mar 2021

1 answer

241 views

Grid filter not working with dynamic columns and SignalR

I have a grid which looks like this:

@(Html.Kendo().Grid()

.Columns(columns =>

{

foreach (var fieldId in listOfFieldIds)

{

columns.Bound(o => o.DictionaryOfFieldIdsToValues[id].Value);

}

.DataSource(dataSource =>

{

dataSource.SignalR()

.Filter(filter =>

{

filter.Add(o => o.DictionaryOfFieldIdsToValues["MyId123"].Value).Contains("hello world");

});

})

});

Programmatically setting the filter is not working as expected:

1) the column which corresponds to MyId123 does not get the filter in its header menu

2) on inspecting the filter in parameterMap, the filter has been applied as a filter collection, like so

{logic: "and", filters: Array(1)}

filters: Array(1)

0:

filters: Array(1)

0: {field: "DictionaryOfFieldIdsToValues["MyId123"].Value", operator: "contains", value: "hello world"}

length: 1

logic: "and"

length: 1

When a user filters the column themselves it works as expected (parameterMap shows this)

{logic: "and", filters: Array(1)}

0: {field: "DictionaryOfFieldIdsToValues["MyId123"].Value", operator: "contains", value: "hello world"}

length: 1

logic: "and"

Grid

answered on 30 Mar 2021

1 answer

412 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();

DatePicker

answered on 30 Mar 2021

3 answers

238 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

173 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

80 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 {