Telerik Forums
Kendo UI for jQuery Forum
0 answers
1 view

I have a kendo ui jquery datasource that I'm using to populate my grid. I have added a custom toggle switch to show only active accounts or show all accounts. The switch works by calling the following function on change: 

    $(".my-page").on("change", "#myTableStatusToggle", function () {
        if ($("#myTableStatusToggle:checked").length > 0) {
            dataSource.filter({});
        } else {
            dataSource.filter({ field: "Status", operator: "eq", value: "Active" });
        }
    });
Unfortunately there is also a search box (the standard grid search box) and when the user types in the search box it searches all records. When the user clears out the search box it shows all of the records even though the toggle switch hasn't been touched. How do I search the grid while still respecting the toggle switch? 
Lee
Top achievements
Rank 1
 asked on 12 May 2021
1 answer
5 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
0 answers
4 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

Fernando
Top achievements
Rank 1
 updated question on 12 May 2021
1 answer
7 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
4 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
 answered on 12 May 2021
1 answer
10 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
21 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
0 answers
2 views

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

Chetan
Top achievements
Rank 1
 updated question on 12 May 2021
1 answer
5 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.

Rodrigo
Top achievements
Rank 1
Iron
 updated question on 11 May 2021
0 answers
3 views

Hi Admins and everybody

I want to read imageUrl of Kendo ImageEditor using dataSource + TRANSPORT WITH FUNCTION

I want to read data from Json, containing the link

How I can do it. Thanks.

Stark
Top achievements
Rank 1
Iron
Iron
 updated question on 11 May 2021