Расширение jQuery EasyUI -Перетаскивание строк TreeGrid (Перетаскивание строк в TreeGrid)

jQuery EasyUI 扩展Расширение jQuery EasyUI

Использование

Подключите файл 'treegrid-dnd.js'

<script type="text/javascript" src="treegrid-dnd.js.html"></script>

Включите перетаскивание

    <table title="Folder Browser" class="easyui-treegrid" style="width:700px;height:250px"
            data-options="
                data: data,
                rownumbers: true,
                idField: 'id',
                treeField: 'name',
                onLoadSuccess: function(row){
                    $(this).treegrid('enableDnd', row?row.id:null);
                }
            ">
        <thead>
            <tr>
                <th data-options="field:'name'" width="220">Name</th>
                <th data-options="field:'size'" width="150" align="right">Size</th>
                <th data-options="field:'date'" width="200">Modified Date</th>
            </tr>
        </thead>
    </table>

Events

Эти события расширяют treegrid. Ниже перечислены события, добавленные для treegrid.

Name Parameters Описание
onBeforeDrag row Срабатывает перед началом перетаскивания строки; верните false, чтобы отменить перетаскивание.
onStartDrag row Срабатывает при начале перетаскивания строки.
onStopDrag row Срабатывает после остановки перетаскивания строки.
onDragEnter targetRow, sourceRow Срабатывает, когда перетаскиваемая строка попадает в допустимую целевую строку; верните false, чтобы отменить сброс.
onDragOver targetRow, sourceRow Срабатывает, когда перетаскиваемая строка находится над допустимой целевой строкой; верните false, чтобы отменить сброс.
onDragLeave targetRow, sourceRow Срабатывает, когда перетаскиваемая строка покидает допустимую целевую строку.
onBeforeDrop targetRow,sourceRow,point Срабатывает перед сбросом строки; верните false, чтобы отменить сброс.
targetRow: целевая строка, в которую сбрасывается строка.
sourceRow: исходная перетаскиваемая строка.
point: указывает позицию сброса; возможные значения: 'append', 'top' или 'bottom'.
onDrop targetRow,sourceRow,point Срабатывает при сбросе строки.
targetRow: целевая строка, в которую сбрасывается строка.
sourceRow: исходная перетаскиваемая строка.
point: указывает позицию сброса; возможные значения: 'append', 'top' или 'bottom'.

Методы

Этот метод расширяет treegrid.

Name Parameters Описание
enableDnd id Включить перетаскивание строк.
Параметр 'id' указывает строку, которую нужно перетащить и сбросить.
Если параметр не указан, перетаскивание включено для всех строк.

Скачать примеры jQuery EasyUI

jquery-easyui-treegrid-dnd.zip

jQuery EasyUI 扩展Расширение jQuery EasyUI Другие расширения