Vue Grid Wrapper Drag Drop a row

4 posts, 0 answers
  1. RR
    RR avatar
    49 posts
    Member since:
    Apr 2012

    Posted 05 Mar Link to this post

    Hi, 

    Is dragging a row from view grid wrapper component available? There's nothing in here

  2. Nikolay
    Admin
    Nikolay  avatar
    149 posts

    Posted 09 Mar Link to this post

    Hi Roshan,

    The Drag and drop functionality in a wrapper grid can be achieved via the Kendo Sortable widget. For example:

    <div id="vueapp">
        <kendo-grid id="grid" :data-source="localDataSource">
            ...
        </kendo-grid>
    </div>
     
    <script>
      var $ = kendo.jQuery;
      $(function(){
     
        var grid = $('#grid').data('kendoGrid');
         
         grid.table.kendoSortable({
                ...
          });
      })
     
    </script>

    For your convenience, I have assembled a small sample which demonstrates how to sort via drag and drop in a vuejs wrapper grid:

    Let me know if you have further questions.

    Regards,
    Nikolay
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. RR
    RR avatar
    49 posts
    Member since:
    Apr 2012

    Posted 10 Mar Link to this post

    Thank you for the reply. This is great. My requirement is to drag a row as a item in to an external object.(eg:tree).Could this be possible? 
  4. Nikolay
    Admin
    Nikolay  avatar
    149 posts

    Posted 12 Mar Link to this post

    Hello Roshan,

    This could be achieved using the Kendo Draggable. However, this is not a grid built-in functionality and so it will need to be implemented manually.

    Below I am posting two examples that may help you with this. Please note that they use jQuery grid but the logic remains the same for vuejs applications.

    Regards,
    Nikolay
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top