Comunidad de diseño web y desarrollo en internet online

ayuda con drag and drop en realidad es el drop =P

Citar            
MensajeEscrito el 10 Feb 2010 11:16 pm
no puedo dejar dropeados los items de mi dataGrid a un List cuando los arrastro si se pasan pero cuando los suelto en el list me pone esto:
[object Object]

dejo el codigo, pero antes deben crear una carpeta en el src llamada assets y dentro de esa hacer un file con el nombre books.xml

Código :

<?xml version="1.0" encoding="iso-8859-1"?>
<books>
<stock>
<proy>Tarjetas de Credito</proy>
<area>Credito</area>
<frau>50,000$</frau>
</stock>

<stock>
<proy>Tarjetas de Debito</proy>
<area>Debito</area>
<frau>100,000$</frau>
</stock>

</books>


y esto va dentro de una aplicacion

Código Flex :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="bookStock.send()">
   <mx:HTTPService id="bookStock" url="assets/books.xml"/>      
   <mx:Script>
<![CDATA[
   import mx.managers.DragManager;
          

   import mx.events.DragEvent;
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
[Bindable]
private var books:ArrayCollection;
[Bindable]
private var purchasedBooks:ArrayCollection = new ArrayCollection();
private function bookHandler(evt:ResultEvent):void
{
books = evt.result.books.stock;
}

private function testDragDrop(evt:DragEvent):void
{
var targetRow:Object = new Object();
targetRow = evt.dragSource.dataForFormat("items");
liTarget.dataProvider.addItem(targetRow[0].name);

}
]]>
</mx:Script>
                     

<mx:DataGrid x="102.5" y="70" themeColor="#19306A" 
color="#616465" id="dgInitiator" dataProvider="{bookStock.lastResult.books.stock}" 
width="50%" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true">
   
<mx:columns>
                           <mx:DataGridColumn headerText="Proyectos" dataField="proy"/>
                           <mx:DataGridColumn headerText="Areas" dataField="area"/>
                           <mx:DataGridColumn headerText="Fraudes" dataField="frau"/>
            </mx:columns>
            </mx:DataGrid>
            
<mx:List id="liTarget" width="225" dropEnabled="true" 
x="217" y="244" dragDrop="{bookStock}" dataProvider="{bookStock}"/>
                  
</mx:Application>




AYUDA ESTOY ATORADO!!! (SIN ALBUR)

Por juramy

Claber

217 de clabLevel

2 tutoriales

 

Programador

msie8
Citar            
MensajeEscrito el 11 Feb 2010 05:45 pm
chale volvi a encontrar la respuesta por mi propia cuenta.....

les dejo el codigo

Código Flex :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="bookStock.send()">
<mx:Script>
<![CDATA[
   import mx.events.DragEvent;
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
[Bindable]
private var books:ArrayCollection;
[Bindable]
private var purchasedBooks:ArrayCollection = new ArrayCollection();
private function bookHandler(evt:ResultEvent):void
{
books = evt.result.books.stock;
}

private function testDragDrop(evt:DragEvent):void
{
var targetRow:Object = new Object();
targetRow = evt.dragSource.dataForFormat("items");
liTarget.dataProvider.addItem(targetRow[0].proy);
evt.preventDefault();
}
]]>
</mx:Script>
<mx:HTTPService url="assets/books.xml" id="bookStock" result="bookHandler(event)" />

<mx:DataGrid x="158" y="62" dataProvider="{books}" id="dgInitiator" width="50%" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true">
<mx:columns>
<mx:DataGridColumn headerText="NAME" dataField="proy" />
<mx:DataGridColumn headerText="AUTHOR" dataField="area"/>
<mx:DataGridColumn headerText="CATEGORY" dataField="frau"/>
</mx:columns>
</mx:DataGrid>

<mx:List id="liTarget" width="225" dropEnabled="true" x="217" y="244" dragDrop="testDragDrop(event)" dataProvider="{purchasedBooks}"/>

   
</mx:Application>

Por juramy

Claber

217 de clabLevel

2 tutoriales

 

Programador

msie8
Citar            
MensajeEscrito el 11 Feb 2010 06:50 pm
bueno creo que ahora si encontre mi duda seguro haber si alguien me ayuda por que nunca nadie me responde en mi post XD jeje
en esta parte del codigo, en donde esta el targetRow[0].proy se puee escojer la columna que se va a poner en el list pero cuando regreso esa columna al datagrid en las 3 columnas se pone el item que esta en la columna proy ejecuten el codigo de arriba y entenderan mas mi problema

Código Flex :

private function testDragDrop(evt:DragEvent):void
{
var targetRow:Object = new Object();
targetRow = evt.dragSource.dataForFormat("items");

liTarget.dataProvider.addItem(targetRow[0].proy);
evt.preventDefault();
}



LO QUE NECESITO ES:

que al regresar el item seleccionado a mi datagrid se regresen todos los items de las otras columnas, Solo se regresa "proy"

Por juramy

Claber

217 de clabLevel

2 tutoriales

 

Programador

msie8
Citar            
MensajeEscrito el 11 Feb 2010 11:58 pm
por lo que veo nadie...

Por juramy

Claber

217 de clabLevel

2 tutoriales

 

Programador

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.