How to get Drop item , dropPosition etc.. from jqxtree defined by angular?

[azadParticipant]

I am handling the dragStart and dragEnd events in angular way. The following code works fine.
How can I get the item, dropItem, dropPosition inside the dragEnd event?

var demoApp = angular.module("demoApp", ["jqwidgets"]);
            demoApp.controller("demoController", function ($scope) {
                
               $scope.settings = {
                   allowDrag: true, 
                   allowDrop: true, 
                   height: '800px', 
                   width: '300px',
                   theme: 'energyblue',
                   
                   dragStart: function(event){
                   alert("drag start"); 
                   },
                   dragEnd: function (event){
                      alert("drag start"); //i need dropTarget here.
                   }
                                     
               } 
            });

this is my tree

<div ng-controller="demoController" id="pagemanager"> 

               <jqx-tree jqx-settings="settings" >
   
                <ul> 
                    <li item-expanded='true' >Section 1
                        <ul>
                            <li>Page 1.1</li>  
                            <li>Page 1.2</li>  
                            <li>Page 1.3</li>  
                            <li>Page 1.4</li>  
                        </ul>
                    </li>
                    <li item-expanded='true'>Section 2
                        <ul>
                            <li>Page 2.1</li>  
                            <li>Page 2.2</li>  
                            <li>Page 2.3</li>  
                            <li>Page 2.4</li>  
                        </ul>
                    </li>
                </ul>
               </jqx-tree>     
 
        </div> 

[Peter StoevKeymaster]

Hi azad,

Available settings of these callbacks are documented on this page: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtree/jquery-tree-api.htm

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[azadParticipant]

sir,
can you please describe those settings here with my jqxtree?

[Peter StoevKeymaster]

Hi azad,

You can read about the callbacks which you want to use on the page I pointed you.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[azadParticipant]

my problem is how to use callbacks in angular?

[azadParticipant]

epecially detect source node and tartget node of the treeview within angular.
please see the comments in following code

var demoApp = angular.module(“demoApp”, [“jqwidgets”]);
demoApp.controller(“demoController”, function ($scope) {

$scope.settings = {
allowDrag: true,
allowDrop: true,
height: ‘800px’,
width: ‘300px’,
theme: ‘energyblue’,

dragStart: function(event){

//@ here
//have get the source node of the tree which is ondraging.

},
dragEnd: function (event){

//@ here
//have get the source node of the tree which is ondraging.
//and target node of the tree. where the source node going to drop

}
}
});

[Peter StoevKeymaster]

Hi azad,

It does not matter whether you use AngularJS or not. The API page contains the parameters which you can use with these. The API page also shows what properties, methods and events supports this widget.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[azadParticipant]

can you help me by filling above code?
thank you.

[Author]

Posts