Questions on Kendo UI for jQuery Forum

3 answers

3.2K+ views

DropDownList datasource read did not work

Hi there,

I have a dropdownlist control which list all records fetched from a remote data source. The code below shows the creation of data source, fetch data and, populates the dropdownlist with records.

getSchedules(): void {

const schedulesData = new kendo.data.DataSource({

transport: {

read: {

url: "/.../Schedules?entityName=someEntity",

cache: false,

dataType: "json",

contentType: "application/json",

type: "GET",

headers: window["authenticationBearerToken"]

}

},

autoSync: true,

serverFiltering: true,

error: (e: kendo.data.DataSourceErrorEvent) => {

console.log(e);

}

});

schedulesData.fetch().then(() => {

const schedules = schedulesData.data()[0];

if (schedules !== undefined && schedules !== null) {

// Bind dropdown list to list of schedules

$("#schedules").kendoDropDownList({

optionLabel: "Choose available schedule",

dataTextField: "Name",

dataValueField: "ScheduleId",

dataSource: schedulesData.data(),

autoBind: false,

index: 0

});

}

else {

$("#schedules").kendoDropDownList({

optionLabel: "No available schedule",

dataTextField: "Name",

dataValueField: "ScheduleId",

dataSource: null,

autoBind: false,

index: 0

});

}

}).fail((error) => {

console.log(error);

});

As such, when a user creates a new schedule, the dropdownlist control should append the newly added schedule without doing a page refresh. The problem is that, after creating a new schedule, dropdownlist datasource read method didn't work at all. Code below for posting new schedule

const scheduleCreate: () => void = (): void => {

$.ajax({

type: "POST",

url: baseUrl + `AddSchedule?scheduleData=${scheduleData}`,

contentType: "application/json",

dataType: "json",

cache: false,

beforeSend: () => { }

}).done((result: any) => {

console.log(result);

window["UserDialog"](result.message, "OK", undefined);

isSuccess = result.isSuccess;

if (result.isSuccess) {

// refresh schedule's dropdown list

const schedulesDropdownList = $("#schedules").data("kendoDropDownList");

schedulesDropdownList.dataSource.read();

schedulesDropdownList.refresh();

}

}).fail((error: any) => {

console.log(error);

});

};

I tried several examples in Kendo UI dropdownlist API documentation, but no luck at all. I also searched in telerik forums but couldn't find any related issues.

What seems go wrong in my dropdownlist configuration? or is there lacking in the datasource config?

Please help.

DropDownList

answered on 25 Jan 2019

9 answers

9.9K+ views

Alignment and width of a Grid Cell

Hi,

How can I align, center and define the width of a grid cell

Thanks in advance

Grid

answered on 25 Jan 2019

1 answer

596 views

Assuming assembly reference > System.Web.Mvc

Hello support,

With me updating to Kendo.Mvc.dll 2018.3.1219.545 I'm getting som Code CS1702 warnings (see screenshot) when using kendo widgets tag helpers (i.e. @(Html.Kendo().DropDownListFor or Html.Kendo().DatePickerFor).

I have System.Web.Mvc version 5.2.7.0 referenced in the asp.net mvc 5 project and in my root web.config I have this entry in my <runtime> section:

I'm not sure how to fix these warnings. Can you help?

Thanks in advance

Best regards

Morten

General Discussions

answered on 25 Jan 2019

4 answers

116 views

Part of last row in frozen area is not visible with jQuery 3.2.0+

Hello

After upgrading from jQuery 3.1.1 to 3.3.1 we have an issue with last row in frozen area

Height of frozen area is smaller than height of horizontally scrollable area (see image in attachment)

Also see Dojo https://dojo.telerik.com/ODISarEn

Thank you

Grid

answered on 25 Jan 2019

2 answers

396 views

[Solved] Add New Record - not working when webservice returns empty array

Dear Telerik,

I have a problem with the 'Add New Record'-Functionality.
When my Webservice is returning an empty array I cannot add a new record with the 'Add New Record'-button.
The empty row appears for a brief period of time(less than 1 second) and disappears again.

The Problem does not occur when get a filled array from the webservice.

Can you please help me ?

Henri

Grid

answered on 25 Jan 2019

7 answers

3.8K+ views

[Solved] [object object] in column

Hi All,

My grid displayed all data except for one column and it's showing as [object object] and I can't figured out where the problem is. Below is my code

results return from JSON

...

var data = { data: gridData, total: gridData.length };
options.success(data);

var data = { data: kendoViewModel.BatchGridData, total: kendoViewModel.BatchGridData.length };
options.success(data);

}

},
serverPaging: true,
pageSize: 20,
schema: {
data: "data",
total: "total",
model: {
fields: {
ReportList: { type: "object", editable: true },
}
}
...

...

columns: [
{
width: 50,
headerTemplate: '<input type="checkbox" id="checkAll" />',
template: '<input type="checkbox" class="checkbox" />'
},
{
field: 'ReportList.Description',
title: 'In Reports',
width: 135,
template: '#=ReportList#', //[object object]
editor: function invoiceReportsDropDown(container, options) {
if (options.model.ReportList.length <= 1)
return;
$('<input data-text-field="Description" data-value-field="Id" data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
dataSource: options.model.ReportList,
dataTextField: "Description",
dataValueField: "Id",
});
}

if I replace template: '#=ReportList.Description#', I get undefined. Any help is appreciated.

TIA

Grid

answered on 23 Jan 2019

1 answer

341 views

Donut chart animation

Hello,

Our designers asked us to us a pie chart which looks like https://bootsnipp.com/snippets/z8dD9

We reviewed the documentation of https://demos.telerik.com/kendo-ui/donut-charts/donut-labels but we are not sure how to customize Kendo’s pie chart to match the requested design and especially the animation.

Can you please advise?

Thanks,

Ron.

Charts

answered on 23 Jan 2019

10 answers

864 views

Change line style from solid to dashed

Is it possible to have a line change from solid to dashed at some point, similar to the attached image? We'd like to do this to indicate the values transition from known to estimated values.

Charts