1

私の状況を共有するためにこのサンプルを作成するのは大変でした.

質問 1. このサンプルを試してみると、ng-repeat で orderBy 属性を適用し、jqyoui-drragble で applyFilter 属性を追加しました。ビュー内の順序付きリストはよくできています。ただし、これらのいずれかを上部の div スコープにドラッグすると、移動されるのは注文されたアイテムではなく、注文されていない状態のアイテムです。

上div

<div class="caption">
                <div class="btn btn-info btn-draggable"
                    ng-repeat="item in userPerSystem | orderBy : 'userId' " ng-show="true" data-drag="true"
                    data-jqyoui-options="{revert: 'invalid'}" ng-model="userPerSystem"
                    jqyoui-draggable="{index: {{$index}},animate:true, applyFilter: 'filterIt'}">{{item.userId}}</div>
            </div>

divの下

<div class="btn btn-droppable" 
                        ng-repeat="item in users | orderBy : 'userId'"  
                        data-drop="true" ng-model='users'
                        data-jqyoui-options="{accept:'.btn-draggable:not([ng-model=users])'}"
                        jqyoui-droppable="{index: {{$index}}, applyFilter: 'filterIt'}">
                        
                        <div class="btn btn-info btn-draggable" data-drag="true" 
                            data-jqyoui-options="{revert: 'invalid'}" ng-model="users"
                            jqyoui-draggable="{index: {{$index}},animate:true}"
                            ng-hide="!item.userId">{{item.userId}}
                        </div>

質問 2 アイテムをドラッグすると、前のスコープのアイテムを削除したいです。どうすればこれを達成できますか?

私の質問を読んでくれてありがとう。

4

0 に答える 0