DataGrid ドラッグ&ドロップで移動
海賊王をめざす男 マツです。こんにちは。
DataGrid の dragEnabled, dropEnabled をそれぞれ true にするとドラッグ&ドロップできます。しかしこれだけでは、同じものがコピーされて DataGrid に追加されてしまいます。これをコピーするのではなく移動だけしたい。
mxml
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:XMLList id="items"> <item> <name>Christina Coenraets</name> <phone>555-219-2270</phone> <email>ccoenraets@fictitious.com</email> <active>true</active> </item> <item> <name>Joanne Wall</name> <phone>555-219-2012</phone> <email>jwall@fictitious.com</email> <active>true</active> </item> <item> <name>Maurice Smith</name> <phone>555-219-2012</phone> <email>maurice@fictitious.com</email> <active>false</active> </item> <item> <name>Mary Jones</name> <phone>555-219-2000</phone> <email>mjones@fictitious.com</email> <active>true</active> </item> </mx:XMLList> <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{items}" allowMultipleSelection="true" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"> <mx:columns> <mx:DataGridColumn dataField="name" headerText="Name"/> <mx:DataGridColumn dataField="phone" headerText="Phone"/> <mx:DataGridColumn dataField="email" headerText="Email"/> </mx:columns> </mx:DataGrid> </mx:Application>
コピー追加ではなく移動にとどめるには、dragMoveEnabled も true にすることで可能です。