Technology Blogs by Members
Explore a vibrant mix of technical expertise, industry insights, and tech buzz in member blogs covering SAP products, technology, and events. Get in the mix!
cancel
Showing results for 
Search instead for 
Did you mean: 
karthikarjun
Active Contributor

Hi Team,

Introduction:

In computer graphical user interfaces, drag and drop is a pointing device gesture in which the user selects a virtual object by "grabbing"

it and dragging it to a different location or onto another virtual object.

In SAP UI5 control:

SAP UI5 has predefined jquery library to develop drag and drop functionality.Few of them are used here.

Drag and drop is a very common feature. It is when you "grab" an object and drag it to a different location.

Project Link: http://jsbin.com/qoxuha/edit?html,output

Code snippet:


$.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core');

$.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget');

$.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse');

$.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-draggable');

$.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-sortable');

$(function() {

$("#lb1-listUl, #lb2-listUl").sortable({

connectWith : ".ui-sortable"

}).disableSelection();

});


Regards,

Karthik A

Labels in this area