or
8 answers
798 views
Hello ,
I had a hierarchical grid and I want to export it to excel (JavaScript )
The file is generated successfully but only the principal grid is exported.
Also I want to export hidden column.
Thank you for your prompt reply
Anton Mironov
Telerik team
answered
on
13 May 2021
0 answers
209 views
Hi Admin and everybody,
I am working with dataSource for Image Editor.
I completed get data and give it for Kendo Image Editor.
But, I cannot use it with "autoBind: false" to stop load when start page like Title or call it with .read().
This is my code:var dataSourceGetImageUrl = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
url: "/_layouts/15/xxx/API/ApiHandler.ashx?tbl=like&func=getimageurl",
type: 'GET',
cache: false,
scriptCharset: "utf8",
dataType: "json",
data: {
models: kendo.stringify(options.data.models)
},
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data',
model: {
id: "imageUrl"
}
}
});
dataSourceGetImageUrl.fetch(function () {
var dataSource = dataSourceGetImageUrl;
var view = dataSourceGetImageUrl.view()[0].imageUrl;
$("#imageEditor").kendoImageEditor({
autoBind: false, //It not working.It still read when my page start
dataSource: dataSource,
imageUrl: view,
width: "100%",
height: 650,
saveAs: {
fileName: "image_edited.png"
}
});
var imageEditor = $("#imageEditor").getKendoImageEditor();
imageEditor.one("imageRendered", function () {
imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
});
});
I tried call .read() with code. But it not working
$("#imageEditor").data("kendoImageEditor").dataSource.read();
//OR
dataSourceGetImageUrl.read(); // All both not working. I cannot call .read() to reload dataSourceGetImageUrl
Stark
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
updated question
on
13 May 2021
1 answer
787 views
Hello,
I am not able to get the following sum of calculated values using only kendo functionality. I mean I would like not to use custom functions.
So what i need is do the group sum and total sum for the calculated value Total .Lines In red and in blue in the image.
Also I would like to know why the sum for Units in Stocks is not working in the groupHeaderTemplate, blue line.
My current Spinet is here: https://dojo.telerik.com/@fedo/apiNOGOf/2 but i cannot make show the sum for the total it shows error Uncaught ReferenceError: sum is not defined.
Currently this line is commented.
Thanks
Nikolay
Telerik team
answered
on
13 May 2021
0 answers
226 views
Hi Admins and everybody
I want to read imageUrl of Kendo ImageEditor using dataSource + TRANSPORT WITH FUNCTION
But It don't show. What wrong with my code. I have to image show json data in url
My code:
var dataSourceGetImageUrl = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
url: "/api/handler.ashx?tbl=like&func=getimageurl",
type: 'GET',
cache: false,
scriptCharset: "utf8",
dataType: "json",
data: {
models: kendo.stringify(options.data.models)
},
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data'
}
});
$("#imageEditor").kendoImageEditor({
dataSource: dataSourceGetImageUrl,
width: "100%",
height: 650,
saveAs: {
fileName: "image_edited.png"
}
});
var imageEditor = $("#imageEditor").getKendoImageEditor();
imageEditor.one("imageRendered", function () {
imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
});What I need to fix it? Hope Admin and eeverybody help me. Thanks.
Stark
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
updated question
on
12 May 2021
1 answer
279 views
I'm having a problem getting an MVC ListView to initially load via the model and then page using Ajax. I've configured a grid to do this without issues but the ListView datasource doesn't seem to support Ajax, although the documentation suggests it does?
https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/listview/binding
I initiate the list with 10 records and then specify the total amount of records in the datasource. I then expect to see 10 records on the first page and to have the ability to click on the other pages. When I click on a page an Ajax call should be made to retrieve the relevant records. However all I see is the 10 records from the model and no paging.
Here is my ListView:
@(Html.Kendo().ListView<Feed>(Model)
.Name("FeedList")
.TagName("ul")
//.BindTo(Model)
.ClientTemplateId("feed-detail-list-template")
.DataSource(
source => source
//.Ajax() I get an error that there is no definition for Ajax if I uncomment this
.ServerOperation(false)
.Model(model => model.Id(p => p))
.Read(
read =>
{
read.Action(action, controller, new { id = parentId });
}
)
.PageSize(10)
.Total(totalRecords) // appears to be ignore
.Events(events => events
.Error("onDataSourceError")
)
)
.Pageable()
)
Any help appreciated.
Anton Mironov
Telerik team
answered
on
12 May 2021
1 answer
142 views
I have two link demo from Kendo FileManager.
First link: https://dojo.telerik.com/oFefoyIm
Second link: https://dojo.telerik.com/OxAWOrIF
Each link uses a different method of Kendo FileManager. But, with Second link, I can call function.
Otherwise, First link can not call.
Two image will show you my test, and And I am having a similar case in First Link in my project, it cannot call the function
Neli
Telerik team
answered
on
12 May 2021
1 answer
529 views
Can kendo FileManager show images like Image Browser? If It can, please guide for me.
demo image browser: https://demos.telerik.com/kendo-ui/editor/imagebrowser
Image broswer can show image, that so good
Kendo FileManager is the manager must show the user how the images are?
Or can apply show image from Image Browser to FileManager. Please guide for me. Thanks
Neli
Telerik team
answered
on
12 May 2021
1 answer
238 views
Hi admin and everybody,
Image show result I need
I want get name or path of items inside folder. You can follow code:
<div id="fileManager"></div>
<script>
var baseUrl = "https://demos.telerik.com/kendo-ui/service/filemanager/";
$("#fileManager").kendoFileManager({
dataSource: {
transport: {
read: function(options) {
var that = this;
$.ajax({
url: baseUrl + "Read",
dataType: "json",
method: "POST",
data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
success: function(result) {
options.success(result);
}
});
},
update: function(options) {
var that = this;
$.ajax({
url: baseUrl + "Update",
dataType: "json",
method: "POST",
data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
success: function(result) {
options.success(result);
}
});
},
create: function(options) {
var that = this;
$.ajax({
url: baseUrl + "Update",
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(options.data.name); // can get name items
}
}
},
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" },
{ name: "custom", text: "Get Info", command: "MyCustomCommand", spriteCssClass:"k-icon k-i-info" }
]
},
draggable: true,
resizable: true
});
var filemanagerNS = kendo.ui.filemanager;
filemanagerNS.commands.MyCustomCommand = filemanagerNS.FileManagerCommand.extend({
exec: function(options){
var data = $("#fileManager").data("kendoFileManager").dataSource.data();
console.log(options.data.name); // What I need to do here to get name with button custom?
}
});
</script>
Stark
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
answered
on
12 May 2021
1 answer
937 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
258 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
