Hi,

I need to select multiple rows in a kendo grid and  move them inside the grid to reorder them.

I'm using kendoSortable

grid.table.kendoSortable({
        filter: ">tbody >tr",
        hint: function (element) {
          //customize the hintvar table = $(
              '<table style="width: 600px;" class="k-grid k-widget"></table>'
            ),
          hint;
          table.append(grid.select().clone()); //append the dragged element
          table.css("opacity", 0.7);

          return table; //return the hint element
        },
        cursor: "move",
        placeholder: function (element) {
          return $('<tr colspan="4" class="placeholder"><td colspan ="' + grid.columns.length + '">Drop here</td></tr>');
        },
        change: function (e) {
          console.log(grid)
          var selectedId = [];
          grid.select().each(function(){
          selectedId.push(this.getElementsByClassName('idCompOperation')[0].innerText);
            
            });
           // do some stuff
        }
      });
 
          

In the change function I can get the multiple elements selected and change the order of them in the datasource but visually only the first column selected is moved in the table iven if I refresh the grid

Select 2 rows:

Drag to the beginning of the table

Just the first of the 2 rows is moved the other remains at the bottom

How can I do?

Thanks Mik

At the moment we are using Kendo UI Scheduler for jQuery. We like to add days off. We implemented business hours & weekends and that is working fine. We like to do the same but only on certain dates at certain hours. I found already something on the internet but I like to use standard functionality. If there is no standard for this, I like to add it as a wish.

Roel

I have grid with date columns start_date, end_date and status_date. I defined column as 

columns : [

{

   field: 'start_date',

   title: 'Start Date',

   format: '{0:dd-MMM-yyyy}'

} ,

{
   field: 'end_date',
   title: 'End Date',
   format: '{0:dd-MMM-yyyy}'
} ,

{
   field: 'status_date',
   title: 'Status Date',
   format: '{0:dd-MMM-yyyy}'
} ]

When I bind data at first time date formatted DD-MMM-YYYY (i.e. 01-Jan-2018) seems right. But when I'm trying to reset data the format has changed to DD-MM-YYYY (i.e. 01-01-2018).

var data = results;

var grid = $("#grid").data("kendoGrid");

grid.dataSource.data(data);

Please help to fix this. Thanks

Hi guys

I have a treeview which has some rules about the exact location that certain nodes can be dragged to.

I have been working through the logic and getting there, except I cam across this challenge

If I have 3 nodes and the same level and drag a new node between them

Node1

   drag position a

Node2

drag position b

Node3

It appears that if the mouse is closets to Node2  at both drag position A and B, I can get the same drag events.

To be clear, dropTarget = 'Node2' and status is  'i-insert-middle' can happen at both Drag A and Drag B  if the mouse is closest to Node2.

I think easiest demonstrated in this simple Dojo  I have filtered out all events other than target for the second node and insert middle events.

drag and drop drag events

Dragging on each side of the second node can give the same drag events  as per attached screen shots which show the same events for the different locations. of the drag

How can I determine where the exact location the user is dragging to? ( before they do it , so I can deny or allow)

Many thanks

Rob

I am using Telerik Kendo File Upload for uploading folder. In Production environment, few users are complaining issue with Folder Upload, during upload few files get errored out, using Developer tool in the console tab it logs "ERR_HTTP2_PROTOCOL_ERROR" error as attached for the failed files.

When i am trying i am not getting this error and all folders are getting uploaded properly. I asked user to share the files for which they are facing error and when i tried it uploaded successfully. When user tried again uploading same files which errored out it got succeeded today which were failing yesterday but sill there are files which is giving the same error.

I went through a post where it say the problem could be due to use of HTTP/2 and when they switched to HTTP /1.1 it worked fine. We are also using HTTP/2 but we don't have option of going back to HTTP/1.1. Link below :

https://www.telerik.com/forums/problems-with-multi-file-upload-and-http-2

Any suggestions ?

Hey all I need a hand here. I've been at this for a few hours now and I just can't find how this code is bringing back the old value(s).

    const onCheck = (e) => {
        let listBox = $("#Sources").data("kendoListBox"),
            treeView = $("#availableSources").data("kendoTreeView"),
            selection = [],
            getSelection = (items) => {
                items.forEach(item => {
                    if (item.hasChildren) {
                        getSelection(item.items);
                    } else if (item.checked) {
                        selection.push(item);
                    }
                });
            };

        if (e.node.attributes[3].value == "false") {
            listBox.remove(listBox.items());
            $("#Sources option[value='" + listBox.dataSource._data[0].value + "']").remove();
            //selection.pop(listBox.dataSource._data[0]);
        } else {
            getSelection(treeView.dataSource.data());

            if (selection.length) {
                selection.forEach(item => {
                    listBox.add({
                        text: item.text,
                        value: item.id
                    });
                });
            }
        }
    }

As an example say I checked the item Github and it places it into the listbox just fine. It also adds the ID of the item to the hidden select component.

Now say I uncheck that item now:

Great! It removed the item from the listbox and also from the hidden select component. However though, when I chose another item, say GitHubIssues I am presented with not only that item in the listbox but the pervious item is placed into the select component.

It has the correct item in the listbox but I am unsure as to why its keeping the previous value(s)?

First, thank you and your team for the update.  I know how large of a project these can be.  Your team does wonders.

I just updated my development suite to R2-2021 SP1.  During your setup wizard you are given the choice to "Create Desktop Shortcuts".  It appears this release has a minor bug in that the "HTML Demos - Kendo UI for jQuery R2 2021 SP1" ignores this preference setting.  It creates a desktop shortcut even when told not to.  :-}

Obviously you have larger fish to fry but in your quest for perfection please patch this bug.  Having to delete one shortcut is obviously easier than 19 or more icons.

Thanks again for the update.

Does the FileManager for Kendo UI support AngularJS like the grid?  I have tried initializing the file manager with the following code:

HTML

<div id="fileBrowser" kendo-file-manager="fileBrowser" k-options="fileBrowserOptions"></div>

NOTE: I have tried the following for the attributes:
kendo-file-manager
kendo-filemanager

AngularJS

$scope.fileBrowserOptions = {
        dataSource: {
            schema: kendo.data.schemas.filemanager,
            transport: {
                read: {
                    url: "/kendo-ui/service/FileManager/Read",
                    method: "POST"
                },
                create: {
                    url: "/kendo-ui/service/FileManager/Create",
                    method: "POST"
                },
                update: {
                    url: "/kendo-ui/service/FileManager/Update",
                    method: "POST"
                },
                destroy: {
                    url: "/kendo-ui/service/FileManager/Destroy",
                    method: "POST"
                }
            }
        },
        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" }
            ]
        },
        draggable: true,
        resizable: true
    };

When I run the code nothing happens.  No errors in the console.

Thanks for any help.
Robert

Hi Telerik Team,

I'm using k-textbox for filtering rows in a grid.

We used custom filter when type in the filter textbox we make a server call to bind also when I click outside of the textbox on the grid page again the transport.Read event gets called when it lost focus.

Is there a way to prevent this ?

Thanks for your answer.

Regards,

Senthilkumar

Hi 

everyone, please vote using following link to request a feature change for multicolumn combo box column sorting.

MultiColumnComboBox sorting (telerik.com)

thanks