Questions on Kendo UI for jQuery Forum

1 answer

225 views

Hello

I have installed the latest commerical KendUI JQuery : kendoui.for.jquery.2021.2.511.commercial.zip

When I copy/paste the example from https://docs.telerik.com/kendo-ui/api/javascript/ui/expansionpanel/configuration/title to my local project I got this error message:

TypeError: $("#expansionPanel").kendoExpansionPanel is not a function. (In '$("#expansionPanel").kendoExpansionPanel({
title: "Lorem ipsum"
})', '$("#expansionPanel").kendoExpansionPanel' is undefined)

I'm using many others widgets, never had such a case. Also PHPStorm does not color ".kendoExpansionPanel" in the code to let me know it can't be resolved. I'm working with JQuery 3.5.1 but that is probably not the problem.

Did I miss anything?

ExpansionPanel

answered on 16 May 2021

3 answers

130 views

Import/Expoting all day iCal events that expand x days

Hi, Using the demo site https://demos.telerik.com/kendo-ui/scheduler/import-export-ical I have added a all day event that expands 2 days, and then exported that data, when I import the data it changes to a 1 day event, is this a ical.js issue?,

export and then import i get

Thanks

Scheduler

answered on 14 May 2021

1 answer

157 views

Chat Suggested Items only returning the Value

Hello,

How can I get the text and the value of the button pressed? Right now it only appears to return the value which is not what I want the user to see. Like in this example it should say option 1 when you click on option 1 and not show value 1 but pass it back for use in the code.

https://dojo.telerik.com/OkoCIxIT

How can I get this to work properly?

Thanks -Tim

Chat

answered on 14 May 2021

1 answer

327 views

Kendo FileManager data children: " " cannot call function

Hi Admin and Everybody,

As the title, Currently I have read all data from the folder to the corresponding items of folder. But data children ( see picture 1.png ), can not reload when using ".read()".

When I using code call ".read". Only the area on the left hand side reloads, and the area on the right hand side doesn't happen.

More specifically, it's the children data area that doesn't reload when call ".read()"

$("#filemanager").data("kendoFileManager").dataSource.read(); // my code call .read()

My code will show all data to file manager:

$("#filemanager").kendoFileManager({
    dataSource: {
        transport: {
            read: function (options) {
                var that = this;

                $.ajax({
                    url: "my url",
                    dataType: "json",
                    method: "POST",
                    data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
                    success: function (result) {
                        options.success(result);
                    }
                });
            },
            
        },
        schema: {
            data: 'data',
            model: {

               id: 'path',  

               children: 'items'  
            }
        }
    },
    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
});

My json data has a structure similar to that of demo from docs Kendo ( https://docs.telerik.com/kendo-ui/api/javascript/ui/filemanager/configuration/datasource ) - EXAMPLE

Image show you my Json Data inside url link: ( 1.png )

Looking forward to hearing from Admin and everybody soon, thanks

FileManager

answered on 14 May 2021

0 answers

247 views

Kendo Image Editor Error in Kendo Window. Please help me.

I don't know what happend with my Kendo Image Editor. It add more Kendo Image Editor to Kendo Window.

I only transmit one link from the data source.

My Json in data source only has 1 link, but when I open kendo window, it crashes.

When it call dataSourceGetImageUrl.read(); it will add new one more kendo Editor

Info in my image: https://ibb.co/hcx2ck7

My code:

var dataSourceGetImageUrl = new kendo.data.DataSource({
        
        transport: {
            read: function (options) {
                $.ajax({
                    url: "/_layouts/15/VuThao.TrainSharepoint/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"
            }
        },
        change: function (e) {
            var view = dataSourceGetImageUrl.view()[0].imageUrl;
            $("#imageEditor").kendoImageEditor({


                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 });
            });
        }
    });

Every time execute:

dataSourceGetImageUrl.read(); //it will add kendo image editor one more time

I'm really tired, can anyone help me to solve it

Data Source

ImageEditor

updated question on 14 May 2021

1 answer

128 views

Waterfall Charts - Is the "summary" option available for Kendo UI jQuery

Hi Team,

In the demo example here, for kendo-angular-ui, we have an option to make "summary: 'runningTotal'" of intermediate data, like for Q1, Q2 etc.

Is there a similar option for the ui-jQuery version also. It will be great if you can point me to the doc for this. I see that there are not many option available for waterfall charts or i'm not seeing the right doc ?

Is Stacking allowed in waterfall charts ?

If there are other features as well for waterfall ui-jquery, kindly indicate them.

Thanks,

Chetan

Charts

answered on 13 May 2021

8 answers

789 views

Export to excel hierarchical grid/ hidden column

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

Grid

answered on 13 May 2021

0 answers

195 views

How to "new kendo.data.DataSource" can use "autoBind: false". And can call .read()

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

Hope to get help soon from everyone. Thanks

Data Source

ImageEditor

updated question on 13 May 2021

1 answer

761 views

Sum of a calculated value in footer template and group template

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

Data Source

Grid

answered on 13 May 2021

0 answers

215 views

How to read imageUrl in Kendo ImageEditor with dataSource

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.

ImageEditor

updated question on 12 May 2021