flex拖拽实例

向右看齐 2022-08-05 15:12 216阅读 0赞

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="horizontal" backgroundColor="white">

<mx:VBox width="50%">

<mx:DataGrid id="myDG\_1" width="200" height="100" fontSize="12"

dragEnabled="true"

dragMoveEnabled="false"

dropEnabled="false">

<mx:dataProvider>

<mx:Array>

<mx:Object bookName="HTML开发王" author="金鑫"/>

<mx:Object bookName="CSS开发王" author="金鑫"/>

<mx:Object bookName="ASP开发王" author="金鑫"/>

<mx:Object bookName="JSP开发王" author="金鑫"/>

<mx:Object bookName="PHP开发王" author="金鑫"/>

</mx:Array>

</mx:dataProvider>

<mx:columns>

<mx:DataGridColumn headerText="书名" dataField="bookName" />

<mx:DataGridColumn headerText="作者" dataField="author" />

</mx:columns>

</mx:DataGrid>

<mx:Label text="\{ myDG\_1.dataProvider.length\} items" />

</mx:VBox>

<mx:VBox width="50%">

<mx:DataGrid id="myDG\_2" width="200" height="100" fontSize="12"

dragEnabled="false"

dragMoveEnabled="false"

dropEnabled="true">

<mx:columns>

<mx:DataGridColumn headerText="书名" dataField="bookName" />

<mx:DataGridColumn headerText="作者" dataField="author" />

</mx:columns>

</mx:DataGrid>

<mx:Label text="\{ myDG\_2.dataProvider.length\} items" />

</mx:VBox>

</mx:Application>

发表评论取消回复

表情：

评论列表（有 0 条评论，216人围观）

还没有评论，来说两句吧...

相关阅读

相关拖拽div

被拖拽元素需要绝对定位。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

怼烎@/ 2023年10月06日 15:32/ 0 赞/ 82 阅读

相关 js拖拽

拖拽使用的三个事件 onmousedown //鼠标按下 onmousemove //鼠标移动 onmouseup //鼠标抬起

怼烎@/ 2023年06月09日 04:59/ 0 赞/ 48 阅读

相关拖拽函数实例

css: <style> div { width: 100px; height

电玩女神/ 2022年09月14日 09:49/ 0 赞/ 181 阅读

相关 flex拖拽实例

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2

向右看齐/ 2022年08月05日 15:12/ 0 赞/ 217 阅读

相关拖拽

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

梦里梦外;/ 2022年06月16日 12:47/ 0 赞/ 354 阅读

相关 JS 拖拽

实现后效果 ![70][] 实现原理： 1. 在允许拖拽的节点元素上，监听mousedown(按下鼠标按钮)事件，鼠标按下后，事件触发 2. 监听mousemov

╰半夏微凉°/ 2022年05月22日 08:50/ 0 赞/ 356 阅读

相关 jQuery 拖拽

<!DOCTYPE html> <html><head> <meta charset="utf-8" /> <title>jQu

心已赠人/ 2022年04月14日 20:12/ 0 赞/ 356 阅读

相关 flex组件拖拽

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] <? xml version ="1.0" encoding ="utf-8" ?>

绝地灬酷狼/ 2022年01月15日 13:23/ 0 赞/ 266 阅读

相关 flex组件拖拽

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] <? xml version ="1.0" encoding ="utf-8" ?>

た入场券/ 2022年01月15日 13:21/ 0 赞/ 281 阅读

相关 jQuery拖拽原理实例

HTML源代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

今天药忘吃喽~/ 2021年11月19日 11:40/ 0 赞/ 372 阅读