Questions on Kendo UI for jQuery Forum

4 answers

1.5K+ views

Kendo Grid not showing data over 285 records

Hi,
Please help me out from this issue.
my kendo grid is not showing data over 285 records. i dont know why it is doing that. but i can tell you my code.
i m using kendo grid with asmx web services. JSON is the data type.
i checked my service that it is calculating fine and sending data is also fine. but after send, kendo grid not showing it. if I limit the data to 100 or 200 rows then it shows but over this limit it is showing a blank screen.
I want to show over 10,000 rows and not to use virtual and paging.

CODE SAMPLE :
$("#SearchGrid").kendoGrid({
        height: 820,
        selectable: true,
        groupable: true,
        filterable: true,
        sortable: true,
        columns: [
                    { field: "PartNo", title: "Part", width: "40px" },
                    { field: "NewNo", title: "New No", width: "40px" },
                    { field: "PartDesc", title: "Desc", width: "50px" },
                    { field: "WH_31", title: "31", width: "20px" },
                    { field: "WH_32", title: "32", width: "20px" },
                    { field: "WH_34", title: "34", width: "20px" },
                    { field: "WH_35", title: "35", width: "20px" },
                    { field: "WH_36", title: "36", width: "20px" },
                    {field: "MinRate", title: "Rate", width: "20px" },
                    { field: "Grade", title: "ABC", width: "20px" },
                    { field: "LocationCode", title: "BIN", width: "20px" }
                ],
        dataSource: {
            schema: {
                model: {
                    id: "PartID"
                },
                data: "d"
            },
            transport: {
                read: {
                    url: "abc.asmx/Status",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    dataType: "json"
                },
                parameterMap: function (data, operation) {
                    return JSON.stringify({ PartNo: part, Group: GROUP, Code: info })
                }
            }
        }
    });
}

Please help me out

Grid

answered on 22 Feb 2023

1 answer

298 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

132 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

195 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

440 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

281 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

176 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

207 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