or
3 answers
342 views
Using the code below I can successfully update a gantt task (I'm using a custom edit screen + custom update function). It fires off my transport update handler and axios does the update just fine.
var task = ganttdataSource1.at(0);
ganttdatasource1.update(task, { title: "New Title" });
ganttdatasource1.sync()What I can't figure out is how to update the resource assignments, doing as below seems to ignore the 'resources' property so when in the transport update handler 'resources' just has the ones that were originally set,
var task = ganttdataSource1.at(0);
ganttdatasource1.update(task, {
title: "New Title",
resources: {
taskId: 111,
resourceId: 222,
value: 5,
}
});
ganttdatasource1.sync()
1 answer
3.6K+ views
I'm trying to make my grid be able to export its data as a CSV file, and I saw this:
https://www.telerik.com/forums/export-to-csv-also-collapse-data
which said that currently, Kendo UI does have only build-on support for export to PDF and Excel(xlsx).
However, after surveying on the internet I find another one:
It says that it's a completed feature, but I only find the sample using ASP.net:
https://demos.telerik.com/aspnet-mvc/grid/server-export
Since It's a completed feature, does it involve jQuery? or is it just support using ASP.net?
If it involves jQuery, can anyone provide a sample of it?
Thanks.
Nikolay
Telerik team
answered
on
10 May 2021
4 answers
108 views
Hi,
I have added Kendo dropDownList as cell editor to Kendo Gantt.
After some time, some users reported issue where doubleclick on cell randomly just opens and closes dropdown on its own.
We did quite a lot of debugging until we were able to reproduce issue.
It turns out that in some cases (not clear under which conditions) when doubleclick is either too fast or performed on laptop touchpad, it happens almost in 30% of cases.
(We are using kendo UI 2020 R2 version, but issue is reproducible even in latest version).
Issue was reproduced by developer on Dell Latitude 5580 (using touchpad doubleclick), while users reported on other systems.
Here you can find the dojo where issue is reproducible.
https://dojo.telerik.com/aHuDaYup/4
Also, we recorded video on the same dojo, where behavior is demonstrated.
First 4 clicks are mouse, and next ones are with touchpad. (users were having issues even with mouse)
If there are any things we can do to help, please let me know.
Thank you and best regards.
Vedad
Aleksandar
Telerik team
answered
on
10 May 2021
1 answer
81 views
I am working With Kendo FileManager, I need get value name of Folder and get value of Items in Folder to API work.
Please guide for me.
Thanks Admins and Everyone so much.
Stark
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
answered
on
08 May 2021
7 answers
1.6K+ views
Hi !
I'm using Kendo TileLayout in Jquery. When I create Tilelayout.
I want add or remove item dynamic at runtime, but I don't find way to do it.
Please help me do it
Many thanks !
Timothy
Top achievements
Rank 1
Iron
Rank 1
Iron
updated answer
on
07 May 2021
1 answer
708 views
I have a large grid (to support filter functions) and I have editable: "popup" set. This is fine when I have a 20 row set, but it doesn't finish in a tolerable length of time with a 60,000 row set.
I have not yet written the writeback functions to update the database. This is just updating the grid.
Any advice would be appreciated.
Here is the code:
@{
ViewBag.Title = "Casebook Files";
}
<h2>Casebook Files</h2>
<script src="~/Scripts/jquery-3.6.0.min.js"></script>
<link href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.common.min.css" rel="stylesheet" />
<link href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.default.min.css" rel="stylesheet" />
@*<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>*@
<script src="https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"></script>
<div id="kendoGrid">
</div>
<script>
var caseBookDatasource;
$(function () {
$("#kendoVersion").text(kendo.version);
var casebooks = getCaseBooks();
});
function getCaseBooks() {
$.ajax({
//url: "/Home/GetCaseBooks"
url:"/Home/GetNewtonCaseBooks"
}).done(function (rows) {
var datarows = JSON.parse(rows);
buildCasebookDatasource(datarows)
createGrid();
});
}
function buildCasebookDatasource(rows) {
caseBookDatasource = new kendo.data.DataSource({
data: rows,
schema: {
model: {
fields: {
recordId: { type: "number" },
caseNumber: { type: "string" },
caseName: { type: "string" },
serviceReqDate: { type: "date" },
srProg: { type: "string" },
srUnit: { type: "string" },
boxNumber: { type: "number" },
destructDate: { type: "date" },
notes: { type: "string" },
otherNames: { type: "string" },
initials: { type: "string" },
xRef1: { type: "string" },
xRef2: { type: "string" },
xRef3: { type: "string" },
xRef4: { type: "string" }
}
}
},
pageSize: 20,
sort: {
field: "caseNumber",
dir: "asc"
}
});
}
function createGrid() {
$("#kendoGrid").kendoGrid({
dataSource: caseBookDatasource,
height: 750,
pageable: true,
sortable: true,
filterable: true,
scrollable: "virtual",
columns: [
{
field: "recordId"
},
{
field: "caseNumber",
title: "Case #",
width: 100
},
{
field: "caseName",
title: "Name",
width: 200
},
{
field: "serviceReqDate",
title: "Received",
template: "#= kendo.toString(kendo.parseDate(serviceReqDate, 'yyyy-MM-dd'), 'MM/dd/yyyy') #",
width: 120
},
{
field: "srProg",
title: "Program",
width: 50
},
{
field: "srUnit",
title: "Unit",
width: 50
},
{
field: "boxNumber",
title: "Box",
width: 50
},
{
field: "destructDate",
title: "Destroyed",
template: "#= kendo.toString(kendo.parseDate(destructDate, 'yyyy-MM-dd'), 'MM/dd/yyyy') #",
width: 120
},
{
field: "notes",
title: "Notes",
width: 200
},
{
field: "otherNames",
title: "Other Names",
width: 200
},
{
field: "initials",
title: "Initials",
width: 50
},
{
field: "xRef1",
title: "XRef1",
width: 50
},
{
field: "xRef2",
title: "XRef2",
width: 50
},
{
field: "xRef3",
title: "XRef3",
width: 50
},
{
field: "xRef4",
title: "XRef4",
width: 50
},
{command: "edit"}
],
editable: "popup",
toolbar:["create","cancel", "save"]
});
}
</script>
Veselin Tsvetanov
Telerik team
answered
on
07 May 2021
1 answer
10.7K+ views
I have this
$('<input data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
suggest: true,
select: function(e) {
personSource.setDirty();
},
dataSource: rows,
});////////////////
whenever I load the page the dropdownlist is not automatically filled with the first value of the list (default value).
I have to click the mouse or do something and it gets filled.
if I put it like thisalert('hello');
$('<input data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
suggest: true,
select: function(e) {
personSource.setDirty();
},
dataSource: rows,
});
after I click the alert the default value is filled.How can I make it fill the default without needing a popup?
Misho
Telerik team
answered
on
06 May 2021
1 answer
185 views
Hi,
When loading the attached file, the data is not completely loaded in spreadsheet. https://dojo.telerik.com/AjOWOPEG
PFA the file as well.
Is there any specific formatting that spreadsheet allows or some restricted formatting. Please suggest.
Misho
Telerik team
answered
on
06 May 2021
2 answers
130 views
Get the example diagram in https://dojo.telerik.com/oNOJidug from example in Diagram Connections page reference
With the basic configuration:
$("#diagram").kendoDiagram({
shapes:[
{
id:"1",
content:{
text: "State 1"
},
x: 20,
y: 20
},
{
id:"2",
content: {
text: "State 2"
},
x: 300,
y: 20
}
],
connections:[
{
from: "1",
to: "2",
content: {
text: "Step 1"
},
stroke: {
color: "#33ccff"
}
}
]
});
My question is, is there a way to keep the connectors of both shapes visible without need to keep mouse hover?
I want this:
instead of:
5 answers
683 views
hi team, I want to show a chart with some negative values, ( and also positive values). However, I found that the xaxis labels are always under the line y=0. I do not want them appear in the chart, instead, I would like to show label in the bottom to the chart. I notice in your demo:
categoryAxis: {
...
labels: {
padding: {top: 145}
}
},
than the padding parameter can set the xaxis label's position. However, since my data is dynamic, I do not know how distance I should padding. Is there a way to automatically determine the position of xaxis label to the bottom?
categoryAxis: {
...
labels: {
padding: {top: 145}
}
},
than the padding parameter can set the xaxis label's position. However, since my data is dynamic, I do not know how distance I should padding. Is there a way to automatically determine the position of xaxis label to the bottom?
