or
1 answer
457 views
When clicked on tabstrip tab, it gets "selected" box around it. It is quite ugly when you have biggest tabstrips and nice UI around it.
Is there a way to disable it? I tried navigatable : false, but no help.
Example:
https://dojo.telerik.com/iveBAPAK
Neli
Telerik team
answered
on
16 Nov 2021
1 answer
222 views
Hello,
I am trying to create a function that dynamically calculates the value input by the user in each cell of the row through kendo grid.
When the user enters a value in a specific cell, we want the calculation to be made in the save event function bound to the grid.
However, if you try to apply the calculated value to each cell through e.model.set, the save event continues to occur.
Uncaught RangeError: Maximum call stack size exceeded
I am getting the above error.
Any other methods or advice for doing this?
Directly assigning values to dataItem requires refresh() , so it loses focus and is difficult to use.
Below is the code for example.
Please reply.
thank you.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1109/styles/kendo.default-v2.min.css" />
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.mobile.all.min.css">
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/jszip.min.js"></script>
</head>
<body>
<div id="testGrid"></div>
<script>
function grid_save(e) {
if (e.values.A >= 0 || e.values.A <= 0) {
e.model.set("A", e.values.A);
e.model.set("B", e.model.C - e.values.A);
e.model.set("C", e.values.A + e.model.B);
e.model.set("STATUS", "MODIFY");
}
// B
else if (e.values.B >= 0 || e.values.B <= 0) {
e.model.set("B", e.values.B);
e.model.set("A", e.model.C - e.values.B);
e.model.set("C", e.model.A + e.values.B);
e.model.set("STATUS", "MODIFY");
}
// c
else if (e.values.C >= 0 || e.values.C <= 0) {
e.model.set("C", e.values.C - e.model.A);
e.model.set("STATUS", "MODIFY");
}
}
$("#testGrid").kendoGrid({
columns: [
{ field: "A" },
{ field: "B" },
{ field: "C" },
{ field: "STATUS" }
],
dataSource: {
data: [
{ id: 1, A: 0, B: 0, C: 0, RESULT: "READY" }
],
schema: {
model: { id: "id" }
}
},
editable: true
});
var testGrid = $("#testGrid").data("kendoGrid");
testGrid.bind("save", grid_save);
</script>
</body>
</html>
Georgi Denchev
Telerik team
answered
on
15 Nov 2021
1 answer
132 views
Hi,
If I have an empty cell and I apply a filter -all, it is throwing an error like the one I show in the attached file. How could I fix that? Thanks
Dimitar
Telerik team
answered
on
15 Nov 2021
0 answers
214 views
My grid is attached to remote data, my grid has filter row.
If user set one filter, and while data still is loading if set another
filter on other column, gird ignores next filter settings and do not
send new request to server.
In that case second filtering drops silently.(filter row set filter value but there is no request and data is not filtered)
Is there a way to some how cancel data loading when new filter event came applinked?
Is there a way to some how disable filter row of grid while data is loading ?
I do now control event of filtering in datasoruce
var sourceListaRacuna =
{
datatype: "json",
method: "post",
type: "post",
datafields: [
{ name: 'racunId', type: 'int' },
{ name: 'ts', type: 'date' },
{ name: 'sklSifra', type: 'string' },
{ name: 'sklNaziv', type: 'string' },
{ name: 'kasa', type: 'string' },
{ name: 'blagajnik', type: 'string' },
{ name: 'hrc', type: 'string' },
{ name: 'total', type: 'number' },
{ name: 'isStorno', type: 'bool' },
{ name: 'isPrekinut', type: 'bool' },
{ name: 'isPrebijanje', type: 'bool' },
{ name: 'reqL1audit', type: 'bool' },
{ name: 'reqL2audit', type: 'bool' }
],
url: "../../BO/ListaRacunaData",
key: "racunId",
formatData: function (data) {
return {
'GridFilter': JSON.stringify(data),
'initGrid': initGrid
};
},
filter: function (data) {
if (data.length === 0 || data.findIndex(x => x.datafield === 'ts') < 0) {
$("#samo100").html("Filter datuma je obavezan");
$('#gridRacuna').jqxGrid('clear');
return false;
}
else
{
var ado = data.find(x => x.datafield === 'ts').filter.getfilters();
var poruka = "";
if (ado.length === 1) {
poruka += "Na datum: "+ ado[0].value.toLocaleDateString();
}
else {
poruka += "Od: " + ado[0].value.toLocaleDateString() + " do " + ado[1].value.toLocaleDateString();
}
$("#samo100").html(poruka);
$("#gridRacuna").jqxGrid('updatebounddata', 'filter');
}
}
};
mikei
Top achievements
Rank 1
Rank 1
updated question
on
13 Nov 2021
1 answer
574 views
I am having an issue where when I select a different time from the timepicker it is reverting back to zero. I have created a dojo with 2 timepickers. Both are initiated in a loop and stored in an object with the key being the id of the input. My issue is that if I set dateInput to true the time reverts back to midnight on blur. When I console.log the value though it is the value I picked. This is only an issue on the timepicker that has the min and max options set. I need the user to be able to input a time using the datepicker formatting and only choose from select times.
Dojo:
https://dojo.telerik.com/@dojolee/UQuBiNoV
Georgi Denchev
Telerik team
answered
on
12 Nov 2021
1 answer
152 views
The Table wizard popup opened while inserting table is by-default draggable, can we stop the popup from being draggable.
Martin
Telerik team
answered
on
11 Nov 2021
1 answer
358 views
Hello,
we have the kendo grid jquery working. And now want to add a details expansion panel to some rows.
The example I will follow is here
https://demos.telerik.com/kendo-ui/grid/detailtemplate
I have a question, not all table rows will have a details row, which depends on a data field value. How and where in the init of the details panel to add this logic to either add the details row or not add it.
Example code would be greatly appreciated.
Thanks
Paul
Georgi Denchev
Telerik team
answered
on
09 Nov 2021
0 answers
245 views
When handling cell data with model.set when "save" event is bound to kendo grid.
model.set calls the "save" event again. Is it possible to prevent model.set from calling a "save" event or counting cell data?
When I use methods like model.property = value to process the data I need to refresh() and
it won't show in the grid unless I initialize the desired focus, so I'd like to find another way.
I'm not good at writing in English, so please forgive me.
Thank you
1 answer
169 views
I am developing an application for a school entrepreneurial project and am using:
kendo.timezones.min.js
kendo.silver.mobile.min.css
kendo.silver.min.css
kendo.common.min.css
kendo.all.min.js
in the web app. I am wondering if this is legal, as the app will be a subscription-based app so that users can pay for a subscription to use the app. I don't currently have a license or anything from kendo UI, so I am not sure if this is legal.
This is my first time using Kendo UI, so I am not sure how anything works!
Any help will be appreciated!
Neli
Telerik team
answered
on
09 Nov 2021
3 answers
181 views
Good morning, I have seen the "Change" event, but it detects even when a cell is clicked. What I would like to know is if there is an event that detects when there is a change in content, add data and delete it, make merge, change color, etc.
Thank you for your attention
Thank you for your attention
Saby
Top achievements
Rank 1
Veteran
Iron
Rank 1
Veteran
Iron
answered
on
08 Nov 2021
