Questions on Kendo UI for jQuery Forum

1 answer

287 views

[Solved] Any way to get VSCode intellisense to work on jQuery UI components?

Using the latest @progress/kendo-ui, and am able to write things ok, however, the imports of the components don't yield any intellisense information to VSCode, so I can't infer types or functions.

Does anyone know how to import a kendo ui component so that VSCode picks up the type definition?

General Discussions

answered on 21 Feb 2023

0 answers

126 views

Visual function throws an Error

When I'm trying to create a visual function in the "valueAxisItem.title" it throws me an error message:
"Uncaught TypeError: clippedBBox is not a function" in kendo.all.min.js file.

The latest version I use is "'2019.2.514'".

How can I solve this?

Thanks,

Charts

asked on 21 Feb 2023

1 answer

191 views

Automating Scheduler PDF Export

We have a page which loads a Scheduler, and we pass various information to define what data is loaded in. That all works fine, and we can click PDF Export and it exports absolutely as we'd expect.

We make fairly heavy use of the templates, so we could end up with something that looks like this:

There are about 200 different schedules that we might show depending on the data, and what we'd like to do is be able to automate the export.

We could write a script that loads the page and simulates a button click, however, if there is some better way, I'd MUCH rather do that so we're not dependent on waiting for the page to display on some computer somewhere.

I can pass the parameters needed in the URL - but not sure if there is some way on the page I can automate that PDF Export without first displaying the scheduler page.

Any help would be greatly appreciated!

Thanks

Scheduler

answered on 21 Feb 2023

1 answer

434 views

Dock Manager Component: news?

Hi,

On the roadmap page there is a "Dock Manager Component" listed, but I don't see any information on this anywhere.

Anyone have more information or an ETA on this?

Thanks

Christopher

answered on 21 Feb 2023

1 answer

270 views

Sort date in kendo grid

Hello,

I'm trying sort by date my data, but is not working. I already tried a lot of approach but none work.

Expiration Date is a date

Expiration Date Format is a string, so don't give to sort.

Please help me, what is wrong?

Strange that in another site is working this approach.

Sortable

answered on 17 Feb 2023

1 answer

171 views

Hide column title of one column

my column defination for kendo grid

columns: [
                    { field: "centreName", title: "Centre Name", width: "180px" },
                    { field: "address", title: "Address", width: "188px", encoded: false },
                    { field: "programme", title: "Programme", width: "180px", encoded: false },
                    { field: "action", width: "180px", encoded: false }
                ],

I don't want to print the column title for action

current output is

Grid Header Columns

Grid

answered on 17 Feb 2023

0 answers

203 views

Embed Kendo Spreadsheet into webpage

Is it possible to embed the kendo spread sheet within webpage in display mode?

Spreadsheet

asked on 17 Feb 2023

1 answer

1.0K+ views

Kendo Grid Multiselect filter, selected values are not displayed if more than 1

Hi, I recently created a grid with a multiselect filter and noticed that the selected values are not showing if the user selects more than one item and then filters. I could reproduce the behaviour in a short dojo script which comes from the telerik examples.

Is there any reason for this behaviour or did I forget something that makes the filter control fail? If this is a bug, is there a workaround?

In the example, the field that contains the filter is "Name" (2nd column).

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2023.1.117/styles/kendo.default-ocean-blue.min.css">
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.1.117/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.1.117/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.1.117/js/kendo.all.min.js"></script>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<div id="grid"></div>
<script>
var data = [
{ id: 1, name: "Fred", key: 1, value: "Green" },
{ id: 2, name: "Jed", key: 11, value: "Jorgensen" },
{ id: 3, name: "Red", key: 2, value: "Blah" },
{ id: 4, name: "Ted", key: 23, value: "Bleh" },
{ id: 5, name: "Ed", key: 3, value: "Toast" },
{ id: 6, name: "Zed", key: 4, value: "Smith" },
{ id: 7, name: "Ed", key: 41, value: "Johnson" }
];

$(function() {
var names = _.sortBy(_.uniq(_.pluck(data, "name")), function(n) { return n; });

function createMultiSelect(element) {
element.kendoMultiSelect({
dataSource: names
});
}

var dataSource = new kendo.data.DataSource({
data: data,
schema: {
model: {
fields: {
id: { type: "number" },
name: { type: "string" },
key: { type: "number" },
value: { type: "string" }
}
}
}
});

var grid = $("#grid").kendoGrid({
dataSource: dataSource,
sortable: true,
filterable: true,
columns: [
{field: "id", title: "Id"},
{
field: "name",
title: "Name",
filterable: {
ui : createMultiSelect,
extra: false
}
},
{field: "key", title: "Key"},
{ field: "value", title: "Value"}
]
});
});
</script></body>
</html>

Filter

Grid

MultiSelect

answered on 16 Feb 2023

0 answers

126 views

How to show a filter button grid based on hidden column group

I have a Kendo grid Jquery component with field grouped and hidden. I would like to show a filter button based on this field. Could you help me ?

Thanks

Filter

Grid

asked on 16 Feb 2023

1 answer

243 views

Kendo Chart - display chart, set the initial level zoom

Hey, when I open chart it opens the chart in zoom in.
How can I set the initial level zoom, that when I go in it will show me the whole chart ? (without scrolling for zoomout)

Charts

answered on 16 Feb 2023