可拖放的树形表格

扩展组件 » 可拖放的树形表格

包括 'treegrid-dnd.js' 文件

启用拖放

属性

这些属性是从treegrid继承而来的,下面是为treegrid添加的属性。

名称 类型 描述 默认
dropAccept selector 确定哪些可拖动行将被接受。 tr[node-id]

事件

事件从treegrid扩展,下面是为treegrid添加的事件。

名称 参数 描述
onBeforeDrag row 当一行开始拖动时触发,false时以拒绝拖动.
onStartDrag row 当开始拖动一行时触发。
onStopDrag row 停止拖行后触发。
onDragEnter targetRow, sourceRow 在拖动某一行时触发,输入可以拖到的目标行,false时拒绝删除。
onDragOver targetRow, sourceRow 当一行被拖过某个可以拖到的目标行时触发,false时拒绝drop.
onDragLeave targetRow, sourceRow 当拖放某一行时,引发可以拖放到的目标行.
onBeforeDrop targetRow,sourceRow,point 在删除行之前触发,返回false以拒绝删除。
targetRow: 要删除的行。
sourceRow: 源行。
point: 指示下拉操作,可设值为: 'append','top' 或者 'bottom'.
onDrop targetRow,sourceRow,point 当一行被删除时触发。targetRow:要删除的行。 sourceRow:源行。 point:指示下拉操作,可选值为: 'append','top' or 'bottom'.

方法

下面的方法是从treegrid继承而来的。

名称 参数 描述
enableDnd id 启用拖放行。id参数指示要拖放哪一行。如果未指定此参数,则启用拖放所有行。

下载EasyUI扩展:

treegrid-dnd.zip