Questions on Kendo UI for jQuery Forum

3 answers

118 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

144 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

315 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

241 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

124 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

778 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

187 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

725 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

208 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

1 answer

252 views

Incorrect total and no paging on Kendo MVC ListView

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.

Data Source

ListView

answered on 12 May 2021