Saturday, October 14, 2017

dnd-drop and dnd-moved not working together

i user angular drag and drop list for pipeline system
i found this link enter link description here
i user the simple drop see my code

<div class="col-md-2" dnd-list="val" ng-repeat="(key,val) in LeadList"
                             dnd-drop="drop($index,key,val,item)">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h6 class="panel-title"></h6>
                                </div>
                                <div class="panel-body p-5" style="background:#F5F8FA">
                                    <ul class="media-list">
                                        <li class="media bg-white p-5" ng-repeat="item in val" dnd-draggable="item"
                                            dnd-moved="val.splice($index, 1)"
                                            dnd-effect-allowed="move" style="border-radius: .1875rem; box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);">
                                            <div class="media-body">
                                                <table class="table table-borderless">
                                                    <tr>
                                                        <td class="no-padding p-5">
                                                            <div class="media-body">
                                                                <div class="media-heading">
                                                                    <b></b><br />
                                                                    <br />
                                                                    
                                                                    @*<img src="assets/images/demo/users/face24.jpg" class="img-circle img-xs" alt="">*@
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="no-padding">
                                                            <a href="#"><i class="icon-price-tags"></i></a>
                                                            <a href="#"><i class="icon-notebook"></i></a>
                                                            <a href="#"><i class="icon-task"></i></a>
                                                            <a href="#"><i class="icon-folder-open2"></i></a>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

haple if u have any answer.

Source: AngularJS



from Angular Questions https://angularquestions.com/2017/10/14/dnd-drop-and-dnd-moved-not-working-together/
via @lzomedia #developer #freelance #web #lzomedia.com

No comments:

Post a Comment