Questions on Kendo UI for jQuery Forum

4 answers

2.3K+ views

Hi

In our project, we need a footer template design in the Kendo grid. So we have used a Footertemplate property inside the columns.

columns: [{
field: "Name",
title: "Name",
headerTemplate: "Name <span class='fa fa-gbp' onclick='Showpopup(false,this,120); return false'></span>",
footerTemplate: "<div class='footer_Template'><div id='Namecount' style='display:none;'>Count = #: count #</div></div>"
}],

For the aggregate function, we have added the icon in the header template and added the aggregate options dynamically inside the popup window. During click of the icon, we display the aggregate options on a popup window.

The Footer template aggregate labels are initially set as display: none (as mentioned above). Once the aggregate option is selected from the header popup the footer template aggregate labels style will be display: block.

The above process is working fine before sorting of the column values but while clicking the sorting the footer template aggregate labels goes back to the initial stage (all the design style changes to display: None)

We need the same functionality & process to take place as on the video on our application too.
Video Link

Attached a demo project for your reference.

Demo Project (The link will be valid for 6 days).

Grid

answered on 10 Mar 2020

1 answer

239 views

Load on demand

Hello, is there a way to implement load on demand on spreadsheet? or load data while scrolling?

I'm using kendo spreadsheet to display big files, with no edit/save functionality.

Loading the entire file on json can be very difficult when the json size is 30MB+.

Spreadsheet

answered on 10 Mar 2020

1 answer

130 views

Frozen columns. Bug. White box.

When I use frozen columns I have a white box below the columns. But if I change the size of the browser by at least 1 pixel, this bug disappears

I tried to fix this bug in this way

var lockedGrid = (document.getElementsByClassName("k-grid-content-locked"))[0];

lockedGrid.style.height = 'auto';

It works. But if I use pagination, filtering or sort then this white box appears again.

Kendo version in project v2016.2.607

Grid

answered on 09 Mar 2020

6 answers

218 views

Chart issues

Hi,
I'm having troubles replicating your examples.
I have scatter charts and I need to do the following:
1) setup a "selection" area so the user would be able to select some area on the graph. It seems that "categoryAxis" is not valid for scatterline, but there's no mention for this in the docs. In addition, why would "scatter/scatterline" should be missing the "select" feature? It makes no sense, since it's a great UI tool for any Cartesiangraph at least.

2) zoom in and out. I've tried replicating the demo (http://demos.telerik.com/kendo-ui/scatter-charts/pan-and-zoom) but it seems not to work for me (http://plnkr.co/edit/rbpfQOEub6FgiAYmz4F4?p=preview). Each time I do "setOptions" it deletes all the data from the chart.

3) Using the data in the options: I would like to use the data inside the options - for instance, my data points look like this:

{x: Xi, y: Yi, label: someLabel, group: groupName}

so I'd like to add the label to the tooltip when hovering over points in the graph. How can this be achieved using the tooltip template?
Another thing is to set certain values according to the data. Again, my data is made of an array of objects. How can I set some conditions according to the data min/max for instance? How can I access the data while setting up the options. i.e.:

graphOpts = {

dataSource: dataSource,

xAxis: {

min: data.min,

max: data.max,

title: {text: "Values #=data.view().min=# to #=data.view().max=#}

}

Such that the title would show the min and max values of the axis, and the axis will be set according to the min and the max of the data (that's just an example of course... there can be many uses for this).

Thanks in advance.

{x: Xi, y: Yi, label: someLabel, group: groupName}

Charts

answered on 09 Mar 2020

4 answers

4.2K+ views

using formating on a date within a clienttemplate

how would I format this AND use it in a ClientTemplate?

columns.Bound(t => t.CreationDate)
.Title("Date / Time")
.Format("{0:dd-MMMM-yyyy}");
//.ClientTemplate(
//"<span>CreationDate</span>"
//);

Grid

answered on 09 Mar 2020

7 answers

303 views

[Solved] Kendo UI Timeline view change tool tip background color and data based on events using angularJs

Hi,

I want to implement tool tips for kendo UI timeline view and tool tip will be based on events color and event data which will be a customize tool tip using angularJs version.

Please help..!!!

Thanks,

Lilan

General Discussions

answered on 09 Mar 2020

1 answer

1.0K+ views

Disabled auto trim value text on grid filter

I have an issue on grid filter

My data is: "Test Data", this text have 2 spaces, but when i typing "test", filter auto trim space on my data and show "test data" and then grid filter wrong logic.

So what is solution in my case ?

thank you

Grid

answered on 06 Mar 2020

10 answers

227 views

Datasource filter inconsistent

Hi,

I implemented "dynamic" filtering on our gantt widget, which basically allows user to show/hide tasks under certain conditions.

However, filter is behaving differently on two datasets (same service returns response under different conditions).

For example: I have 130 items in my datasource, out of which 63 has status not equal to 3, and I have following filter:

{
"filters": [
{
"field": "status",
"operator": "neq",
"value": 3
}
]
}

After I apply filter, result is not 63 items displayed, but approx 100, where obviously some don't meet criteria (have status 3).
If I load a different project and apply the same filter, for the same filter it rules out all items, and widget is empty.

Strange thing is that at the same time, filter based on object type (we have property in datasource realObjType) works normally for both datasets.

{
"filters": [
{
"field": "realObjType",
"operator": "neq",
"value": 7
}
]
}

I compared responses, and they have identical structure, fields we are filtering are in same and correct type.
Only obvious difference between two project is in number of items.

I would appreciate a suggestions, as we have a some time pressure.

Thanks and best regards,
Vedad

Data Source

answered on 06 Mar 2020

1 answer

919 views

[Solved] Absence of Anti-CSRF Tokens

Hi Telerik,

We did the security scanning for our website using Acunetix Security Scanner. We received summary that related to Kendo UI.

4. Absence of Anti-CSRF Tokens [Low]
Trigger by : Kendo All min.js , and those MVC form which do know have @Html.AntiForgeryToken()
Solution : For kendo,don’t have yet.
For MVC form which do not used form submit feature, change <form> to <div> html tag.
For MVC form which used form submit , add @Html.AntiForgeryToken(), MVC controller will auto received and validate this token when form being submit.

I was wondering if you could give me some advice about this.

General Discussions