or
1 answer
836 views
I tried using the following demo tutorials But path of my folder didn't get and not working
Link demo: https://docs.telerik.com/kendo-ui/api/javascript/ui/filemanager/methods/path
This is My Code FileManager:
Image 1 : When click each Folder, Console show yellow message
Image 2 : My Json data Url Read call
$("#fileManager").kendoFileManager({
dataSource: {
schema: {
data: 'data'
},
transport: {
read: function(options) {
var that = this;
$.ajax({
url: " //My Url call API ",
dataType: "json",
method: "POST",
data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
success: function(result) {
options.success(result);
}
});
},
destroy: function(options) {
console.log(" Test call Function "); // Call Function not working, cannot call
}
}
},
toolbar: {
items: [
{ name: "custom" ..... }, // insert and upload, I use custom command
{ name: "custum" ..... },
{ name: "sortDirection" },
{ name: "sortField" },
{ name: "changeView" },
{ name: "spacer" },
{ name: "details" },
{ name: "search" }
]
},
contextMenu: {
items: [
{ name: "rename" },
{ name: "delete" }
]
},
draggable: true,
resizable: true
});
var fileManager = $("#fileManager").data("kendoFileManager");
fileManager.navigate("Animal"); // not target red zone folder
var path = fileManager.path(); //not show log
Neli
Telerik team
answered
on
12 May 2021
2 answers
223 views
My OS language is Chinese. when I use the spreadsheet, "kendo.culture.zh-CN.js" and "kendo.messages.zh-CN.js" are introduced in our HTML page. But I find it does not worked as I expected, the message in the sheet is still English.
Yours sincerely,
pansh
Martin
Telerik team
answered
on
12 May 2021
1 answer
337 views
Is there a way to allow user to edit connections path by interacting with points? Or is possible to make the connections does not passing through shapes?
The "editable" option just allows user to change the start and end of connection, not the path, I need to allow user to change the path because Kendo Diagram does not has an option to prevent connections of passing through shapes.
Example: https://dojo.telerik.com/@rodrigo_x10/AGExALED
You can see that connection between 1 and 3 is passing through Shape 2, which is a bad visualization of data.
Edit:
- Each shape has specific connectors (they dont change)
- Each connection is a link between a specific connector to another specific connector (so cant ignore this option and let kendo change the start and end connector)
- What I want is allow the user to change the path of the connection without changing the start or the end
- I can add points to connections, but they are fixed, the user cant interact with points.
1 answer
509 views
Hi,
we want to persist the width of resizable columns, only.
We are aware of this article (https://demos.telerik.com/aspnet-mvc/grid/persist-state) and the getOptions() and setOptions() functions, but these get/set other options like sort and page.
We only want to persist the column width. Is there a supported way of doing this?
Kind regards.
Georgi Denchev
Telerik team
answered
on
11 May 2021
1 answer
983 views
In demo Pie Chart From kendo https://demos.telerik.com/kendo-ui/pie-charts/index
data: is created manual, but I want to read data from a url of type Json.
Help me. Thanks.
data: [{
category: "Asia",
value: 53.8,
color: "#9de219"
},{
category: "Europe",
value: 16.1,
color: "#90cc38"
},{
category: "Latin America",
value: 11.3,
color: "#068c35"
},{
category: "Africa",
value: 9.6,
color: "#006634"
},{
category: "Middle East",
value: 5.2,
color: "#004d38"
},{
category: "North America",
value: 3.6,
color: "#033939"
}] <div id="chart" style="background: center no-repeat url('../content/shared/styles/world-map.png');"></div>
<script>
function createChart() {
$("#chart").kendoChart({
title: {
position: "bottom",
text: "Share of Internet Population Growth, 2007 - 2012"
},
legend: {
visible: false
},
chartArea: {
background: ""
},
seriesDefaults: {
labels: {
visible: true,
background: "transparent",
template: "#= category #: \n #= value#%"
}
},
series: [{
type: "pie",
startAngle: 150,
data: [{
category: "Asia",
value: 53.8,
color: "#9de219"
},{
category: "Europe",
value: 16.1,
color: "#90cc38"
},{
category: "Latin America",
value: 11.3,
color: "#068c35"
},{
category: "Africa",
value: 9.6,
color: "#006634"
},{
category: "Middle East",
value: 5.2,
color: "#004d38"
},{
category: "North America",
value: 3.6,
color: "#033939"
}]
}],
tooltip: {
visible: true,
format: "{0}%"
}
});
}
$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);
</script>
Georgi Denchev
Telerik team
answered
on
11 May 2021
1 answer
106 views
Hi, I've been trying for quite some time now to expand the newly created row. So basically when I hit "add new" and hit update after it updates and inserts, then expand that new row.
Georgi Denchev
Telerik team
answered
on
11 May 2021
1 answer
318 views
This is demo code about filemanage: https://demos.telerik.com/kendo-ui/filemanager/index
<script>
$("#filemanager").kendoFileManager({
dataSource: {
schema: kendo.data.schemas.filemanager,
transport: {
read: {
url: "/kendo-ui/service/FileManager/Read",
method: "POST"
},
create: {
url: "/kendo-ui/service/FileManager/Create",
method: "POST"
},
update: {
url: "/kendo-ui/service/FileManager/Update",
method: "POST"
},
destroy: {
url: "/kendo-ui/service/FileManager/Destroy",
method: "POST"
}
}
},
uploadUrl: "/kendo-ui/service/FileManager/Upload",
toolbar: {
items: [
{ name: "createFolder" },
{ name: "upload" },
{ name: "sortDirection" },
{ name: "sortField" },
{ name: "changeView" },
{ name: "spacer" },
{ name: "details" },
{ name: "search" }
]
},
contextMenu: {
items: [
{ name: "rename" },
{ name: "delete" }
]
},
draggable: true,
resizable: true
});
$(document).ready(function () {
var filemanager = $("#filemanager").getKendoFileManager();
filemanager.executeCommand({ command: "TogglePaneCommand", options: { type: "preview" } });
filemanager.toolbar.fileManagerDetailsToggle.switchInstance.toggle();
})
</script>I still don't understand, right at the items position there is nothing related to "tranport: read" but still can read the data of the items. So where is that data retrieved through?
This is link read data but it only of Folder: https://demos.telerik.com/kendo-ui/service/FileManager/Read
Can Admins explain in depth for me??
I am working on a project using filemanager and I am currently spending a lot of time. Hope Admins can help me.
THis is my Project code:
$("#filemanager").kendoFileManager({
dataSource: {
transport: {
read: function (options) {
var that = this;
$.ajax({
url: "/_layouts/15/xxx/API/ApiHandler.ashx?tbl=like&func=getalllibrary",
cache: false,
scriptCharset: "utf8",
dataType: "json",
method: "POST",
data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
success: function (result) {
options.success(result);
}
});
},
destroy: function (options) {
console.log("Here Hello"); //[error] not show log when click delete => cannot call function destroy
}
},
schema: {
data: 'data',
}
},
toolbar: {
items: [
{ name: "custom", type: "button", text: "Create", command: "MyCustomCommandCreate" },
{ name: "custom", type: "button", text: "Upload", command: "MyCustomCommandUpload" },
{ name: "sortDirection" },
{ name: "sortField" },
{ name: "changeView" },
{ name: "spacer" },
{ name: "details" },
{ name: "search" }
]
},
contextMenu: {
items: [
{ name: "rename" },
{ name: "delete" },
{ name: "custom", text: "Detect", command: "MyCustomCommandDetect", spriteCssClass: "k-icon k-i-info" }
]
},
draggable: true,
resizable: true
});
var filemanager = $("#filemanager").getKendoFileManager();
filemanager.executeCommand({ command: "TogglePaneCommand", options: { type: "preview" } });
filemanager.toolbar.fileManagerDetailsToggle.switchInstance.toggle();
var filemanagerNS = kendo.ui.filemanager;
filemanagerNS.commands.MyCustomCommandUpload = filemanagerNS.FileManagerCommand.extend({
exec: function () {
myWindow.data("kendoWindow").open();
}
});
filemanagerNS.commands.MyCustomCommandCreate = filemanagerNS.FileManagerCommand.extend({
exec: function () {
myWindowAddLibrary.data("kendoWindow").open();
}
});Click Folder not red hover and Console show Error: ( image1.png )
My json data in Url transport: read: ( image2.png )
Hope the admin can show me how to show the item corresponding to my folder
Neli
Telerik team
answered
on
11 May 2021
1 answer
298 views
Hello. I am using a custom column editor as shown in your example : https://docs.telerik.com/kendo-ui/knowledge-base/custom-editor-autocomplete. Even in the example that you provided, if I type a value that is not in the list, on focus out the field will display "undefined" and will remain this way even if i try to select another value. Is there a fix for this situation? Thank you in advance :)
I attached a screenshot from your working example.
Martin
Telerik team
answered
on
11 May 2021
3 answers
336 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
