Skip to Content
0
Former Member
Apr 09, 2014 at 01:01 PM

Draggable not working in Table

138 Views

Hi All,

I am having a table. I wan to make the each row of the table as a draggable. When I tried a sample it works fine but its not working in the application. Please see the below code and correct me if I am wrong.

$.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(){

$("tr[id^='tblChildren-rows-row']").draggable({

connectToSortable: ".ui-sortable",

revert:true,

helper:"clone",

start: function(event,ui){

var selectedNode = event.srcElement.innerText;

console.log(selectedNode + " dragged");

},

stop: function(event, ui){

console.log("drag stops");

}

});

});

Regards,

Aravindh