禁止分录排序

KDTSortManager sortManager = new KDTSortManager(kdtEntrys);  
        sortManager.setSortAuto(false);  
        sortManager.setClickCount(10);  
        sortManager.setEnableSortable(false);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
禁止vuedraggable拖拽出所在区域,可以使用`group`属性来指定同一区域的元素,然后使用`lockAxis`属性来锁定拖拽方向,再结合一些事件和方法来限制拖拽范围。 例如,假设我们有一个包含多个列表的父级容器,每个列表都可以通过vuedraggable进行拖拽排序,我们可以在每个列表上添加以下属性: ```html <draggable v-model="list" :group="{name:'items', pull:'clone', put:false}" :lock-axis="true" @start="dragStart" @end="dragEnd" :move="checkMove"> <!-- 列表内容 --> </draggable> ``` 其中,`group`属性中的`name`值要相同,表示同一区域;`pull`值为`clone`表示可以拖拽复制,`put`值为`false`表示不能将元素拖到其他列表中。 然后,我们可以使用`lockAxis`属性来锁定拖拽方向,例如: ```html <draggable v-model="list" :group="{name:'items', pull:'clone', put:false}" :lock-axis="true" @start="dragStart" @end="dragEnd" :move="checkMove"> <!-- 列表内容 --> </draggable> ``` 在`dragStart`事件中,我们可以记录当前列表的位置和大小,例如: ```js dragStart(event) { this.containerRect = event.target.getBoundingClientRect() } ``` 在`dragEnd`事件中,我们可以清空位置和大小记录,例如: ```js dragEnd() { this.containerRect = null } ``` 最后,在`move`方法中,我们可以判断拖拽元素是否超出当前列表的范围,然后返回`false`来禁止拖拽,例如: ```js checkMove(event) { if (!this.containerRect) return true const dragRect = event.draggedContext.element.getBoundingClientRect() return ( dragRect.left >= this.containerRect.left && dragRect.top >= this.containerRect.top && dragRect.right <= this.containerRect.right && dragRect.bottom <= this.containerRect.bottom ) } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值