拖拽组件事例

2024-01-15 09:18
文章标签 组件 拖拽 事例

本文主要是介绍拖拽组件事例,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1,页面元素

 

 

Xml代码   收藏代码
  1. < window   id = "dropDemoWin"   apply = "controller.DropDemoController" >   
  2.  < listbox >   
  3.    < listitem   id = "draged1111111111"   draggable = "true"   droppable = "true"   onDrop = "dropDemoWin$composer.onDropListitem(event)" >   
  4.  </ listbox >   
  5. </ window >   

 如果不知道dropDemoWin$composer怎么来的看这里【zk开发】如何在页面中获得composer对象

 

 

2,将拖放的组件添加进来 onDropListitem

 

 

Java代码   收藏代码
  1. public   class  DropDemoController  extends  GenericAutowireComposer {  
  2.   
  3.      public   void  onDropListitem(DropEvent event) {  
  4.         if  (!(event.getDragged()  instanceof  Listitem)) {  
  5.             // ZkUtils.showError("some errors");   
  6.             return ;  
  7.         }  
  8.         // event.getDragged()获得你托动过来的组件   
  9.         Listitem draggedListitem = (Listitem) event.getDragged();  
  10.         // event.getTarget()是你释放鼠标,鼠标下的那个组件,即draggedListitem将要放在那个组件上,或下   
  11.         Listitem targetListitem = (Listitem) event.getTarget();  
  12. //      //放在目标组件之前   
  13. //      targetListitem.getParent()   
  14. //              .insertBefore(draggedListitem, targetListitem);   
  15.         //当然你也可以放在目标组件之后   
  16.         //   
  17.         Component afterComp=targetListitem.getNextSibling();  
  18.         //后一个组件是托过来的组件,什么都不做   
  19.         if (afterComp ==draggedListitem){  
  20.             return ;  
  21.         }  
  22.         if (afterComp== null ){ //如果没有下一个组件说明target是最后一个,直接添加到listbox里   
  23.             draggedListitem.detach();  
  24.             draggedListitem.setParent(targetListitem.getParent());  
  25.         }else { //注意这里的insertBefore的第二个参数   
  26.             targetListitem.getParent().insertBefore(draggedListitem, afterComp);  
  27.         }  
  28.           
  29.     }  
  30.   

这篇关于拖拽组件事例的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/608392

相关文章

JavaWeb 中的 Filter组件详解

《JavaWeb中的Filter组件详解》本文详细介绍了JavaWeb中的Filter组件,包括其基本概念、工作原理、核心接口和类、配置方式以及常见应用示例,Filter可以实现请求预处理、响应后... 目录JavaWeb 中的 Filter 详解1. Filter 基本概念1.1 什么是 Filter1.

2025最新版Android Studio安装及组件配置教程(SDK、JDK、Gradle)

《2025最新版AndroidStudio安装及组件配置教程(SDK、JDK、Gradle)》:本文主要介绍2025最新版AndroidStudio安装及组件配置(SDK、JDK、Gradle... 目录原生 android 简介Android Studio必备组件一、Android Studio安装二、A

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Olingo分析和实践之OData框架核心组件初始化(关键步骤)

《Olingo分析和实践之OData框架核心组件初始化(关键步骤)》ODataSpringBootService通过初始化OData实例和服务元数据,构建框架核心能力与数据模型结构,实现序列化、URI... 目录概述第一步:OData实例创建1.1 OData.newInstance() 详细分析1.1.1

Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析

《Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析》InstantiationAwareBeanPostProcessor是Spring... 目录一、什么是InstantiationAwareBeanPostProcessor?二、核心方法解

C++ RabbitMq消息队列组件详解

《C++RabbitMq消息队列组件详解》:本文主要介绍C++RabbitMq消息队列组件的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. RabbitMq介绍2. 安装RabbitMQ3. 安装 RabbitMQ 的 C++客户端库4. A

PyQt6中QMainWindow组件的使用详解

《PyQt6中QMainWindow组件的使用详解》QMainWindow是PyQt6中用于构建桌面应用程序的基础组件,本文主要介绍了PyQt6中QMainWindow组件的使用,具有一定的参考价值,... 目录1. QMainWindow 组php件概述2. 使用 QMainWindow3. QMainW

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n