Questions on Kendo UI for jQuery Forum

3 answers

627 views

Hello,

I used Kendo Grid with the search toolbar on data from a service call. My data is displayed correctly and my select function works fine.

But when I try to search in toolbar, the results will not be filtered. Is this a problem with my service call?

var settingsSelectable = "multiple, row";

var settingsColSelectable = [

{

selectable: true,

width: 75,

attributes: {

"class": "checkbox-align",

},

headerAttributes: {

"class": "checkbox-align",

}

},

{

title: "Product Information",

template: "<div>#: Name #</div><div>Id: #: Id # | ArtNo: #: ArtNo #</div>",

attributes: {

"class": "select-#: Id #",

}

];

var grid = $(".all-products").kendoGrid({

dataSource: new kendo.data.DataSource({

transport: {

read: function (options) {

LoyaltyCategoryService.GetProducts().then((res) => {

options.success(res.data.Data);

preselect();

})

}

}),

toolbar: ["search"],

columns: settingsColSelectable,

height: 800,

selectable: settingsSelectable,

change: onChange,

dataBound: function () {

preselect();

}

});

Maybe someone can help me! Have a great day!

Grid

answered on 09 Feb 2021

5 answers

548 views

Rows number with virtual scrolling

How to add rows numbers when virtual scrolling is enabled?

using this method: http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Templates/add-row-numbers doesn't work well.

Grid

answered on 05 Feb 2021

29 answers

1.0K+ views

column locking row heights not matching

Kendo UI Grid Forum,

Kendo UI Grid just came out with the column locking functionality. When column locking is enabled, the heights of the nonlocking rows don't line up after the first 2 rows - see the attached file. The locked column height dictates the height of all of the other rows because it has the most information. Without column locking the row heights function just fine. With column locking there's a mismatch in row heights. Do you have any recommendations regarding this issue?

Thanks for your help, Netfactor

Grid

answered on 05 Feb 2021

6 answers

585 views

Missing font icons

Hi folks,

I encountered the following issue: I created a new notification object and it is shown correctly. However, the close icon is missing. The strange thing is the error icon is displayed correctly. I also had a look at the resulting HTML code and this looks fine.

I also checked the WebComponents and KendoUIGylphs font files. I provide these. If I remove them the error icon disappears.

I also had a look inside these files and the keywords "close" and "error" are available.

Do you have any idea what the reason might be?

We use KendoUI 2020.2.617.

BR

General Discussions

answered on 05 Feb 2021

2 answers

141 views

Typescript config: target ES6 - broken controls/datasource

After changing the tsconfig.json file to 'target: ES6' our code successfully compiles and runs without errors in the browser.

However, the chart control and the grid control does not display the data from the datasource anymore.

We had a look at the HTML code and the rows for the grid control are created but the data is missing. During debugging we ensured that the read function of our data source delivers the data.

The controls are displayed with the given config. Additionally the specified column names are also not displayed. These also use kendo templates for inserting data.

BR

General Discussions

answered on 05 Feb 2021

1 answer

441 views

How to bind Json Data to kendo Line Chart

Here is my code

try

{

if (list != null && list.Count > 0)

{

var serializer = new JavaScriptSerializer();

var hourList = list.GroupBy(x => x.LogDate.Hour).Select(x =>x.First()).Select(x => x.LogDate.Hour);

foreach (var hour in hourList)

{

result.AddRange(list.Where(y => y.LogDate.Hour == hour).Select(y =>

{

var jsonObj = serializer.Deserialize<Dictionary<string, object>>(y.DashboardChartData);

var jsonDoc = new Dictionary<string, object>();

jsonDoc.Add(y.DashboardChartName, jsonObj.ContainsKey("Usage") ? jsonObj["Usage"] : string.Empty);

jsonDoc.Add("LogDateTime", y.LogDate);

jsonDoc.Add("Type", y.DashboardChartType);

var json = JsonConvert.SerializeObject(jsonDoc);

return json;

}));

}

Html.Kendo().Chart()

.Name("datastoreUsageChart" + i)

.Title("DataStoreChart")

.Legend(legend => legend

.Visible(false)

)

.ChartArea(chartArea => chartArea

.Background("transparent")

.Height(300)

)

.HtmlAttributes(new { style = "height:100%; margin-bottom:0px; width:30%; display:inline-block; vertical-align: top; padding-right: 2%;", @class = "chart-small-screen" })

.DataSource(ds => ds.Read(read => read.Action("GetDatastoreChartTotalData", "DashBoard", new { vCenterId = vCenter.vCenterID })))

.Series(series =>

{

foreach (var datastore in tempList)

{

series.Line(datastore).ColorHandler("getColor").CategoryField("LogDateTime").Aggregate(ChartSeriesAggregate.Max);

}

)

.CategoryAxis(axis => axis

.Date()

.BaseUnit(ChartAxisBaseUnit.Hours)

.Min(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 0, 0, 0))

.Max(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 23, 59, 59))

.MajorGridLines(lines => lines.Visible(false))

)

.ValueAxis(axis => axis

.Numeric()

.Labels(labels => labels.Format("{0}"))

)

.Events(e=>e.DataBound("onDataBoundChart"))

.Tooltip(tooltip => tooltip

.Visible(true)

.Format("{0}-Session")

).ToHtmlString()

Json Data comes like this

but it doesn't work

Charts

answered on 05 Feb 2021

4 answers

2.1K+ views

Grid Filtered Column with multi option does not update values after datasource.data()

example : https://dojo.telerik.com/ESANeZIt

after you open filter column menu on field1 column the list of checkboxes never changes if you fetch new data.

after investigating, i found that itemchange event datasource['_change']({ action: 'itemchange', items: [] }) refreshes grid filters, but this action breaks listviews bound to datasource.

really is difficult to have custom code for every grid in my application and every datasource.data().

can i expect correct behavior ?

Grid

answered on 04 Feb 2021

1 answer

169 views

Grid Virtual Scrolling Page Info Bug

Check the pagination at footer it displays this range 1 - 25 of 141 items.
Now, start scrolling the screen to down and when you reach at this range 51 - 75 of 141 items.
Slightly scroll to up, This 1 - 25 of 141 items. range will be displayed.
It should display this range 26 - 50 of 141 items

When Virtualization is true It is not display correct labels in footer while scrolling down to up

pageable: {
numeric: false,
previousNext: false,
info:true
}

Grid

answered on 04 Feb 2021

1 answer

117 views

Support for Excel chart import when importing a file into a kendo instance

Currently one can copy an excel chart and paste it into a kendo spreadsheet (as an image). Is there a planned feature that aims to automatically import the charts as well when importing a file?

Spreadsheet

answered on 04 Feb 2021

9 answers

1.7K+ views

Virtual Scrolling Issues

I have been having trouble getting virtual scrolling to work correctly with the grid. I am not getting the correct page or skip values when scrolling. This is most noticeable when I scroll to the bottom of the grid. For example, the total number of rows at a particular time was 11973619 but the skip value I got back when scrolling to the bottom was 1342200. So it was not displaying anywhere close to the correct value.

Oddly enough, I still have the last available version of Safari for windows installed and it is the only browser that I have tried where the virtual scrolling works as expected. Chrome, Firefox, and IE all have the same issue described above.

If I turn off virtual scrolling and enable paging it works perfectly in all of the browsers that I have tried. We would really prefer to use virtual scrolling instead of paging though.

I thought maybe it had something to do with some of the rows wrapping and throwing off the calculation using the row height. However, fixing the row height to prevent text wrapping does not appear to make any difference.

Is there something else that I should check that could be throwing off the page calculation?

Grid

answered on 04 Feb 2021