Using a Slider control as a DataGrid column item renderer in Flex by Peter deHaan on May 9, 2008
in DataGrid <http://blog.flexexamples.com/category/halo/datagrid/>, HSlider<http://blog.flexexamples.com/category/halo/hslider/> The following example shows how you can use an HSlider control as an item renderer in a Flex DataGrid control. Full code after the jump. View MXML<http://blog.flexexamples.com/wp-content/uploads/DataGridColumn_itemRenderer_HSlider_test/bin/srcview/source/main.mxml.html> <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2008/05/09/using-a-slider-control-as-a-datagrid-column-item-renderer-in-flex/ --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:ArrayCollection id="arrColl"> <mx:source> <mx:Array> <mx:Object label="Student A" score="85" /> <mx:Object label="Student B" score="48" /> <mx:Object label="Student C" score="71" /> <mx:Object label="Student D" score="88" /> <mx:Object label="Student E" score="24" /> <mx:Object label="Student F" score="64" /> <mx:Object label="Student G" score="76" /> <mx:Object label="Student H" score="76" /> <mx:Object label="Student I" score="93" /> <mx:Object label="Student J" score="88" /> <mx:Object label="Student K" score="48" /> <mx:Object label="Student L" score="76" /> </mx:Array> </mx:source> </mx:ArrayCollection> <mx:DataGrid id="dataGrid" dataProvider="{arrColl}" selectable="false" rowCount="6" width="500"> <mx:columns> <mx:DataGridColumn dataField="label" /> <mx:DataGridColumn dataField="score" /> <mx:DataGridColumn dataField="score"> <mx:itemRenderer> <mx:Component> <mx:HBox horizontalScrollPolicy="off" verticalScrollPolicy="off"> <mx:Script> <![CDATA[ import mx.events.SliderEvent; private function slider_change(evt:SliderEvent):void { data.score = evt.value; outerDocument.arrColl.refresh(); } ]]> </mx:Script> <mx:HSlider minimum="0" maximum="100" value="{data.score}" liveDragging="true" snapInterval="1" width="100%" change="slider_change(event);" /> </mx:HBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns> </mx:DataGrid> </mx:Application> Em 31 de maio de 2010 10:18, Sérgio Fantin <sergio.lnd.fan...@gmail.com>escreveu: > Parece que tá fora o blog... tá conseguindo acessar? > > 2010/5/31 Victor Hugo <vhs...@gmail.com> > > Sergio da uma olhada nesse link aqui >> >> >> http://blog.flexexamples.com/2008/05/09/using-a-slider-control-as-a-datagrid-column-item-renderer-in-flex/#more-623 >> >> é basicamente oque tu tas tentando fazer. >> >> abraço! >> >> On 31 maio, 09:40, Sérgio Fantin <sergio.lnd.fan...@gmail.com> wrote: >> > Agora eu peguei dois erros: >> > >> > *1120: Access of undefined property taskList. >> > >> > 1120: Access of undefined property dataGridTask. >> > * >> > <mx:DataGrid id="dataGridTask" x="10" y="10" width="782.5" height="268" >> > dataProvider="{taskList}"> >> > <mx:columns> >> > <mx:DataGridColumn headerText="Descrição " >> > dataField="description"/> >> > <mx:DataGridColumn headerText="Tarefa Agendada" >> > id="taskSchedule" dataField="taskGroupVO.description"/> >> > <mx:DataGridColumn headerText="Cadastrado em " >> > dataField="register" labelFunction="formatDate"/> >> > <mx:DataGridColumn headerText="Editar " >> > textAlign="center"> >> > <mx:itemRenderer> >> > <mx:Component> >> > <mx:HBox horizontalAlign="center"> >> > <mx:Image id="documentImage" >> > source="../images/document.gif" height="100%"> >> > <mx:click> >> > <![CDATA[ >> > import >> > br.com.sumus.coyote.program.events.ProgramScheduleEvent; >> > >> > dispatchEvent(new >> > >> ProgramScheduleEvent(taskList.getItemAt(dataGridTask.selectedIndex).nome)); >> > ]]> >> > </mx:click> >> > </mx:Image> >> > </mx:HBox> >> > </mx:Component> >> > </mx:itemRenderer> >> > ... >> > >> > Quando eu tento usar o autocomplete no dataGridTask ele não funciona. De >> > fato ele não está sendo encontrado. :( >> > >> > 2010/5/31 Victor Hugo <vhs...@gmail.com> >> > >> > >> > >> > > Tenta fazer assim. >> > >> > > taskList.getItemAt(datagridTask.selectedIndex).nome >> > >> > > pra ver oque dá >> > >> > > abraço >> > >> > > On 31 maio, 09:19, Sérgio Fantin <sergio.lnd.fan...@gmail.com> wrote: >> > > > Olá pessoal, >> > >> > > > preciso enviar o valor de um item do dataGrid. Quando eu envio uma >> String >> > > > literal(dispatchEvent(new ProgramScheduleEvent("literal"));) eu >> consigo, >> > > mas >> > > > quando eu coloco dataGridTask.selectedItem.nome eu recebo um erro de >> > > > compilação: *1120: Access of undefined property dataGridTask.* >> > > > Existe uma forma de acessar esse cara? >> > >> > > > <mx:DataGrid id="dataGridTask" x="10" y="10" >> width="782.5" >> > > > height="268" dataProvider="{taskList}"> >> > > > <mx:columns> >> > > > <mx:DataGridColumn headerText="Descrição " >> > > > dataField="description"/> >> > > > <mx:DataGridColumn headerText="Tarefa Agendada" >> > > > id="taskSchedule" dataField="taskGroupVO.description"/> >> > > > <mx:DataGridColumn headerText="Cadastrado em " >> > > > dataField="register" labelFunction="formatDate"/> >> > > > <mx:DataGridColumn headerText="Editar " >> > > > textAlign="center"> >> > > > <mx:itemRenderer> >> > > > <mx:Component> >> > > > <mx:HBox horizontalAlign="center"> >> > > > <mx:Image id="documentImage" >> > > > source="../images/document.gif" height="100%"> >> > > > <mx:click> >> > > > <![CDATA[ >> > > > import >> > > > br.com.sumus.coyote.program.events.ProgramScheduleEvent; >> > > > *dispatchEvent(new >> > > > ProgramScheduleEvent(dataGridTask.selectedItem.nome));* >> > > > ]]> >> > > > </mx:click> >> > > > </mx:Image> >> > > > </mx:HBox> >> > > > </mx:Component> >> > > > </mx:itemRenderer> >> > > > </mx:DataGridColumn> >> > >> > > > Obrigado! >> > >> > > > -- >> > > > Sérgio Fantinhttp://serjaum.wordpress.com >> > >> > > -- >> > > Você recebeu esta mensagem porque está inscrito na lista "flexdev" >> > > Para enviar uma mensagem, envie um e-mail para >> flexdev@googlegroups.com >> > > Para sair da lista, envie um email em branco para >> > > flexdev-unsubscr...@googlegroups.com >> > > Mais opções estão disponíveis emhttp:// >> groups.google.com/group/flexdev >> > >> > -- >> > Sérgio Fantinhttp://serjaum.wordpress.com >> >> -- >> Você recebeu esta mensagem porque está inscrito na lista "flexdev" >> Para enviar uma mensagem, envie um e-mail para flexdev@googlegroups.com >> Para sair da lista, envie um email em branco para >> flexdev-unsubscr...@googlegroups.com >> Mais opções estão disponíveis em http://groups.google.com/group/flexdev >> > > > > -- > Sérgio Fantin > > http://serjaum.wordpress.com > > -- > Você recebeu esta mensagem porque está inscrito na lista "flexdev" > Para enviar uma mensagem, envie um e-mail para flexdev@googlegroups.com > Para sair da lista, envie um email em branco para > flexdev-unsubscr...@googlegroups.com > Mais opções estão disponíveis em http://groups.google.com/group/flexdev > -- Você recebeu esta mensagem porque está inscrito na lista "flexdev" Para enviar uma mensagem, envie um e-mail para flexdev@googlegroups.com Para sair da lista, envie um email em branco para flexdev-unsubscr...@googlegroups.com Mais opções estão disponíveis em http://groups.google.com/group/flexdev
