AngularJS:拖放指令

时间:2015-06-05 11:10:46

标签: angularjs angularjs-directive drag-and-drop

我想用代码或指令进行一些修改以允许:

  1. 仅限制垂直拖动(按Y轴)

  2. 可以只在一个地方选择要拖动的项目 元件。

  3. 我正在使用此指令的实现。 https://github.com/marceljuenemann/angular-drag-and-drop-lists

    <ul dnd-list="list.value" 
        class="list-group" 
        dnd-allowed-types="['entry']"
        dnd-dragover="overItem()"
        >
    
        <li ng-repeat="entry in list.value"
            dnd-draggable="entry"
            dnd-moved="list.value.splice($index, 1)"
            dnd-effect-allowed="move"
            dnd-type="'entry'"
            dnd-dragstart="selectedItem(entry, list.value)">
            <div>
                <div class="numeric-column">{{$index + 1}}</div>
                <div class="col-md-5">{{entry.id}}</div>
                <div class="col-md-5">{{entry.name}}</div>
            </div>
        </li>
    </ul>
    

    此代码正常运行。

    问题:我可以限制li元素仅移动verticaly。

    示例: http://jqueryui.com/draggable/#constrain-movement

0 个答案:

没有答案