Telerik Forums
Kendo UI for jQuery Forum
4 answers
2.7K+ views
Hi all, I'm using the kendoUpload module on my ruby on rails application, everythings is except for the fact that kendoUpload fires an error event even if the file is correctly uploaded.

My javascript code is this:

function onError(e) {
   console.log("Error (" + e.operation + ") :: " + getFileInfo(e));
 }
 
$("#media_filename").kendoUpload({
        async: {
            saveUrl: '/admin/media/',
            removeUrl: '/admin/media/remove',
            autoUpload: true
        },
        multiple: true,
        upload: onUpload,
        success: onSuccess,
        error: onError,
        complete: onComplete
    });

the code from my controller gives me back a 200 ok http header (I see with on firebug), but (as you can se from the attach) the kendoUpload components tell's me that the file isn't uploaded but it is not true.

Any hint? Do you need more information?
Dimiter Madjarov
Telerik team
 answered on 14 Apr 2017
3 answers
505 views

Hi,

 

I have a kendo sortable grid which allows the user to drag and drop rows so that the rows can be re-ordered.

This re-ordering needs to be updated to a Seq variable which is part of the dataItem.

The grid itself reads, creates, updates and deletes using a rest service.

I've referred to the telerik sortable demo using the following link : http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/use-sortable-grid

My grid contains more than 10 items. 

After the drag and drop operation is completed, the change function updates the Seq property in the dataItem.

When I call the dataSource.sync method, all the dataItems are pushed to the service to be updated.

I would like to send/push the single dataItem to the service which was re-ordered instead of sending all the dataItems.

I checked the dirty property and set it to true for the dataItem which I wanted to update. It did not work.

Post updates and calculations on the server, the grid dataSource will be refreshed.

Any help is appreciated.

 

Thanks

Dimitar
Telerik team
 answered on 14 Apr 2017
4 answers
2.9K+ views

Hello 

I'm pretty sure I'm doing something wrong but I just don't see what. Any file upload runs into an error but doesn't say what the problem is. I'm using this code based on your documentation:

$("#selectfile").kendoUpload({
    async: {
        saveUrl: "http://localhost/geoneers/gallery/image",
        removeUrl: "http://localhost/geoneers/save"
    },
    dropZone: ".dropfile",
    error: function (e) {
        var files = e.files;
 
        if (e.operation == "upload") {
            console.log (e);
            alert("Failed to upload " + files.length + " files");
        }
    },
    success: function(e) {
        alert ("success");
    }
});

 

It always runs into the error event showing me that all is fine (console.log(e); -> see attachment e_output). Beside of that kendo.all.js (line 2096) gives this output in into the console: 

[Log] Server response: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> (kendo.all.min.js, line 25)
<html>
 <head>
  <title>Index of /geoneers/gallery/image</title>
 </head>
 <body>
<h1>Index of /geoneers/gallery/image</h1>
<ul><li><a href="/geoneers/gallery/"> Parent Directory</a></li>
</ul>
</body></html>

I have not clue whats going wrong here. I'm working an a Mac and working with Mamp Pro (latest version). To get rid off the error I tried the following as well:

- Updated to the latest version of Kendoui Pro 
- Made sure the path is set to chmod 777

Wether I use "Select file..." or dropzone it always comes to this behaviour and the file is not uploaded.

Any ideas why?

Regards

 

 

 

Tayger
Top achievements
Rank 1
Iron
 answered on 14 Apr 2017
2 answers
80 views

Hi,
after I add a new record with "Add new record", typing "Joh", selecting an entry and click on another element (editor lost focus) the resulting displayed entry is [object Object], but I am expecting that "John Doe" is displayed.
I think I am missing something in the configuration to seeing the selected item. But I don't know whats wrong.

Small test environment is here: http://dojo.telerik.com/iQEqI

Thanks for help

Normen

Normen
Top achievements
Rank 1
 answered on 13 Apr 2017
8 answers
152 views
Hello,

How can change the title of the total (last rows) of the pivot grid?

In the image attached we can see I want to change with  mark in red.

thanks.
Viktor Tachev
Telerik team
 answered on 13 Apr 2017
1 answer
140 views

I want to initialize a date picker inside a bound view with week numbers like this:

<input name="Deadline" data-bind="value: deadline" data-role="datepicker" data-week-number="true" />

However week numbers wont be displayed. Is this a bug? Here is a dojo link

http://dojo.telerik.com/Ogoyu/2

I cannot use jQuery initialization as I need that binding.

Milena
Telerik team
 answered on 13 Apr 2017
1 answer
168 views

I have disabled Add and Delete always .. But after postback of the page . The options are automatically enabled on rightclick

 

This is my code : 

 

function detailInitKendoCostGrid(e) {
    if (e.data.Id > 0) {
        var ds = new kendo.data.DataSource({
            schema: {
                id: "jobCodeID",
                data: "d",
                total: "d.length",
                model: {
                    fields: {
                        Cost: { type: "string" },
                        Total: { type: "string" },
                        Desc: { type: "string" },
                        Quantity: { type: "string" },
                  }
                }
            },
            pageSize: 500,
            transport: {
                read: {
                    url: "Cost.aspx/CostPart",
                    contentType: "application/json; charset=utf-8",
                    dataType: 'JSON',
                    type: "POST",
                    complete: function (jqXhr, textStatus) {
                        if (textStatus === 'error') {
                            var message = $.parseJSON(jqXhr.responseText).Message;
                            ShowMessageDialog(message);
                        }
                    }
                },
                parameterMap: function (options, operation) {
                    // ////
                    switch (operation) {
                        case "read":
                            return JSON.stringify({
                                "jobcodeId": e.data.Id,
                            });
                            break;
                        default:
                            return JSON.stringify(options);
                            break;
                    }
                }
            }
        });
        $("<div style='height: 400px'/>").appendTo(e.detailCell).kendoGrid({
            dataSource: ds,
            columns: [
                { field: "Cost", title: "Task", width: "500px" },
                { field: "Total", title: " Part Number", width: "100px" },
                { field: "Desc", title: "Part Description", width: "100px" },
                { field: "Quantity", title: "Quantity", width: "100px" },
               
            ],
              selectable: true
        });
    }
}
function SetContextMenuforCost()
{
    var taskPartGridId = "#Kendo_CostGrid";
    $("#E_ContextMenu").kendoContextMenu({
        dataSource: [{ text: "Add Cost" },
                     { text: "Edit Cost" },
                      { text: "Delete Cost" }],
        target: CostGridId,
        filter: ".k-detail-row tbody tr.k-state-selected[role='row']",
        open: function (e) {
            showopen(e);
        },
        select: function (e) {
            ShowGridPopup(e);
        },
    });
      $("#E_ContextMenu").kendoMenu().data("kendoMenu").enable("li:eq(1)", true);
            $("#E_ContextMenu").kendoMenu().data("kendoMenu").enable("li:eq(0)", false);
            $("#E_ContextMenu").kendoMenu().data("kendoMenu").enable("li:eq(2)", false);
}
function showopen(e) {
    var menu = e.sender;
    if (menu != null) {
        var total= e.target.childNodes[3].textContent;
           if (quantity > 0) {
            $("#E_ContextMenu").kendoMenu().data("kendoMenu").enable("li:eq(1)", true);
            $("#E_ContextMenu").kendoMenu().data("kendoMenu").enable("li:eq(0)", false);
            $("#E_ContextMenu").kendoMenu().data("kendoMenu").enable("li:eq(2)", false);
        }
    }
}

Ivan Danchev
Telerik team
 answered on 13 Apr 2017
1 answer
130 views

Hi,

I have a grid with multiple gauges inside of it. The gauges represent measure values. Because the measures changes in real time I have to constantly reload the gauges with the new measures.Also, the user can decide that it doesn't want to display a specific measure, I have to reload them in this case too. 

So the only way that I found to do this is to create all my gauges and destroy them once I get the new measures values or when the user decide he doesn't want a measure anymore.

The problem is that I have a lot of memory leaks while doing this process again and again.

I manage to reproduce the bug on kendo dojo using random data (same behavior as my code)

memory leak dojo code

is there a way to avoid all that memory leaks.

ps : I use google chrome (use More tools>task manager  too see how many kb a tab is using)

Any help will be appreciated

Stamo Gochev
Telerik team
 answered on 13 Apr 2017
1 answer
130 views

Hello,

I am facing couple of issues in KendoGrid.

1. I wanted to add a new row once user starts editing the last row, but I need focus on current row. Currently, when i start editing, new row is added but focus shifts on new row.

2. Need an indicator for all the new Row added

3. Can we fire validation on complete row instead of a cell?

Please help if there is any possibility.

Thanks in anticipation.

Kranthi

Boyan Dimitrov
Telerik team
 answered on 13 Apr 2017
4 answers
782 views

Hello,

Currently I'm having an issue with a Custom Filter in my Grid. I'm trying to get all our function groups from our server and make those filterable in the Grid.
However the name I want to use for filtering isn't found in the Grid schema and throwing an error.

To fill my Grid i'm using odata-v4 and Extending it with extra data. The problem is i'm trying to create the custom filter on data in the Extended object I get from odata. However when i try to apply the filter I get the error message "ReferenceError: Employee is not defined". 

I've tested what happens if I try to apply the filter to a field in the base schema of the Grid's datasource and then the data is retrieved as expected. 

So my question is how can I apply the filter to an attribute in the Extended object?

Kendo Grid Schema

01.schema: {
02.    total: function(data) {
03.        return data["@odata.count"];
04.    },
05.    model: {
06.        id: "EmployeeId",
07.        fields: {
08.            EmployeeId: { type: "number", editable: false },
09.            EmployerBudgetId: { type: "boolean" },
10.            Id: { type: "string" },
11.            CreatedDate: { type: "string", defaultValue: new Date().toISOString() },
12.            CreatedBy: { type: "string" },
13.            LastModifiedDate: { type: "string", defaultValue: new Date().toISOString() },
14.            LastModifiedBy: { type: "string" },
15.            Description: { type: "number" },
16.            StartDate: { type: "number" },
17.            EndDate: { type: "number" },
18.        }
19.    }
20.},

KendoGrid Datagrid

01.$scope.datagrid = {
02.        dataSource: dataSource,
03.        pageable: true,
04.        filterable: true,
05.        sortable: true,
06.        selectable: true,
07.        height: 800,
08.        toolbar: ['create', { name: 'edit', title: 'Bulk Edit', template: '<a ng-click="bulkEdit()" class="k-button k-button-icontext k-grid-edit">Bulk Edit</a>' }],
09.        columns: [
10.            { title: 'select', template: '<input class="checkbox" type="checkbox" />' },
11.            { field: "Employee.Email", title: "Email" },
12.            { field: "Employee.LocalFunctionGroup", title: "Local Function Group" },
13.            {
14.                field: 'Employee.FunctionGroup.Name', // Custom Filter (on extended data)
15.                title: "Global Function Group",
16.                filterable: {
17.                    multi: true,
18.                    dataSource: filterDatasource,
19.                    dataTextField: "Name"
20.                },
21.                template: '# if (Employee.FunctionGroup != null) { # #: Employee.FunctionGroup.Name # # } #',
22.            },
23.            { field: "CurrentAmount.Amount", title: "Current Amount" },
24.            { command: ["edit", "destroy"], title: " ", width: "110px" },
25.        ],
26.        editable: "popup",
27.    };

KendoFitlerSchema

01.schema: {
02.    model: {
03.        id: "Id",
04.        fields: {
05.            Id: { type: "number", editable: false },
06.            Name: { type: "string" },
07.        }
08.    }
09.},

ResponseBody odata

01.{
02.  "@odata.context": "https://localhost/Awvn.Admin.Api/odata/$metadata#EmployeeBudgets",
03.  "value": [
04.    {
05.      "Id": 4,
06.      "CreatedDate": "2017-03-29T08:27:07.17+02:00",
07.      "CreatedBy": "EmployeeBudgetsInitializer",
08.      "LastModifiedDate": "2017-03-29T08:27:07.17+02:00",
09.      "LastModifiedBy": "EmployeeBudgetsInitializer",
10.      "Description": null,
11.      "StartDate": "2000-01-01T00:00:00+01:00",
12.      "EndDate": "2100-01-01T00:00:00+01:00",
13.      "EmployeeId": 4162,
14.      "EmployerBudgetId": 3,
15.      "InitialAmount": {
16.        "Amount": 0,
17.        "Currency": "EUR"
18.      },
19.      "CurrentAmount": {
20.        "Amount": 0,
21.        "Currency": "EUR"
22.      },
23.      "Employee": {
24.        "Id": 4162,
25.        "IsDeleted": false,
26.        "Email": "Rick75@import.nl",
27.        "LocalFunctionGroup": "Automotive",
28.        "FunctionGroupId": 2,
29.        "UserId": null,
30.        "EmployerId": 2,
31.        "FunctionGroup": {
32.          "Id": 2,
33.          "Name": "Accounting / Financieel" <- The field I want to use for my filtering
34.        }
35.      }
36.    }
37.  ]
38.}

 

Kendo UI version: "2017.1.223"
Chrome Version 56.0.2924.87

Boyan Dimitrov
Telerik team
 answered on 13 Apr 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?