Flex :: Actionscript 3 - Making A DataGrid Scroll Smoothly?

Dec 2, 2009

I've noticed that the default behaviour for a DataGrid's vertical scroll bar is to scroll one row at a time. This is all well and good when the rows are all uniform and small (e.g. displaying a single line of text), but gets really ugly as soon as you have rows with variable heights.I'm curious, is there a way to make DataGrid scrolling "smooth"? For instance, is there a way to have the DataGrid scroll by a set number of pixels, lines of text, etc. rather than scrolling one row at a time?

So far, the only solution I've managed to come up with is to place the DataGrid in a Canvas and have the Canvas do the scrolling instead of the DataGrid. The issue with this approach, though, is that as soon as the Canvas scrolls far enough, the DataGrid headers scroll off-screen. Ideally, I'd like to get the smooth-scrolling nature of the Canvas, but also keep the DataGrid headers visible.

Similar Posts:

Flex :: No Scroll On A Datagrid

Dec 22, 2010

Is it possible to disable the scrolls and make them invisible on a datagrid?

Flex :: Any Way To Scroll Datagrid On Timer Basis

Aug 20, 2009

Is there any way to scroll Datagrid on timer basis.Let say there are plenty of records which can not be shown in one screen. And the screen is showing the first 10 records. An auto scroll should start after 5 seconds and bring up the next 10 records. Then again after 5 seconds the other 10 records and so on. A kind slide show effect.

Actionscript 3 :: Force Flex Datagrid To Scroll

Dec 15, 2009

Is there a way to make the datagrid scroll if it's width exceeds it's parent container (instead of making the parent container scroll?) I have a datagrid with a fixed column, and of course I want the scrollbar to appear for the datagrid and not the enclosing HBox. I already set minWidth of the HBox to 0, tried autoLayout=false, but with no effects. The datagrid is dynamically created in AS3, so the enclosing container.

Maybe I did not express my needs clearly - the content of the datagrid should not be wider than the datagrid itself. I just want to surrounding Canvas of the Datagrid to not have any scrollbars and let the datagrid itself scroll. But just setting the scrollpolicy to off on the Canvas will not yield to scrollbars on the datagrid, it will rather clip the data.

Flex :: Detect Whether Scroll Bar Shows Up In Datagrid?

Mar 9, 2010

I want to find out whether the scroll bar shows up in my Datagrid or not.

Flex :: Keep DataGrid In Same Scroll Position After Update?

Sep 8, 2010

I have a custom <mx:DataGrid /> that is updated with data from a ColdFusion server every 60 seconds. I've noticed that every time the DataGrid updates and redraws the scroll position is reset to the top.

Is there a way I can preserve the scroll position for my DataGrid?

Actionscript :: Scroll The Datagrid Down Or Up To Selected Index Row Flex?

Jul 7, 2011

I am performing a find operation in a datagrid on one of the columns. After I find the row containing the item, I make that as the selected index row, which highlights it. But now I also want to scroll the datagrid down or up (if the item is out of screen scope) to show that selected item automatically on this find operation.

Flex :: Get A Custom ItemRenderer To Scroll The DataGrid Rather Than Its Cell?

Jun 2, 2009

I'm having an issue with a custom ItemRenderer I've written for a DataGrid. With this ItemRenderer, it's possible that the contents could exceed the width and height of the DataGrid cell - and when this happens, scroll bars appear, letting me scroll the individual cell.What I would like, however, is that when the contents of the cell are too large, the entire DataGrid scrolls, rather than the individual cells.

Now, when I set the custom ItemRenderer's horizontal and vertical scroll bar policies to "off", I get the vertical scrolling on the DataGrid that I want (the individual cells stretch to accommodate the full height of the contents) but I don't get any horizontal scrolling. Instead, any content too wide for the cell is clipped. Incidentally, setting the DataGrid's horizontal scroll bar policy to "on" has no effect, the scroll bar gutter is drawn, but nothing scrolls Is there a way to force the DataGrid to scroll horizontally when my custom ItemRenderer's contents are too wide for the cell?

Flex :: ComboBox In DataGrid Loses Values When Scroll Horizontally

Dec 14, 2009

I have a very strange problem in a Flex 3.4 Datagrid. One of the columns is a ComboBox - I have my own custom renderer for the ComboBox. I use it to select my data and then make a "save" to the db. Upon return the comboBox loses its value. Even stranger is that when I scroll the datagrid area to the left (by moving scrollbar right) - the values in the ComboBox change!! When I scroll the datagrid right (by moving the scrollbar left) - the values in the ComboBox don't change.

Flex :: Making Advanced DataGrid Height Of Rows?

Nov 17, 2009

I have an ADG along with some other components in a VBox. The number of rows of items in the ADG is variable. I want the height of the ADG to be however tall it needs to be to show all the rows without scrolling. This is because I want the containing VBox to handle all the scrolling. The reason being, is because sometimes there is a horizontal scroll bar on the VBox, in this case you have to scroll all the way to the right to reveal the scroll bar for the ADG before you can scroll the ADG.

Flex :: Making An Auto-scroll Functionality For A Text Area

Aug 30, 2011

I'm having trouble figuring out how I should go about making an auto scroll functionality for a text area in Flex.

What I have is a text area that loads text from an XML file at startup, and displays it in a text area. There is also an audio track that is plays along with the text. As the words from the audio file is read out, the corresponding word in the text area is highlighted red. What I want to happen is that if the highlighted word is below the visible range of the text area I want to scroll the scroll bar to adjust accordingly to the selection.

Flex :: DataGrid Item Editor - DropDownList Fires Focus Out On Scroll

Feb 24, 2011

I have a data grid with a custom item editor that displays a DropDownList component. When I click the scroll bar in the component, it is firing a focus out event on the list, which is causing itemEditEnd to fire. Why the list is not keeping focus, or how to make it keep focus. I'm using Flex 4.

Flex :: Spark DataGrid Disable Horizontal Scroll And Resize Columns?

May 10, 2011

Is there a way to get the columns to resize to the width of the new Datagrid instead of overflowing and showing the scrollbar? I've tried on the skin, setting all relevant properties and ran out of options. I just want it to behave like the previous Datagrid where the columns would resize to the width of the datagrid.

Flex :: Spark DataGrid On Mobile Application Handle Scroll And Selection Item?

Dec 15, 2011

I have a spark datagrid on a mobile application, I set the

interactionMode="touch"

and the dataGrid scrolling is good, I got some problems adding a selectionChange eventListener to it, because scrolling the dataGrid will automatically change the selection and instead simply scrolling it, the function binded will start...

How can I add the touch dalay before select the index, so if I scroll the grid the selection won't change, and it change only if I press the item without scrolling?

Professional :: Making A Scroll Bar

Nov 29, 2010

In CS5, I want to place content on a frame and give the user the ability to scroll through it all. I know no AS3 and have been using code snippets. How can I use code snippets or some other way to do this?

Flex :: Allow A User To Smoothly Resize Elements In It?

Jun 28, 2011

I have a Flex 3 app that has elements that a user can add to the main canvas then resize and reposition.

There are 3 key functions I am using for the resize which are as follows[code]...

ActionScript 2.0 :: Making This Scroll Bar Mousewheelable?

Jan 26, 2010

I'd like to make it mousewheel-able, ive seen that someone made it work for them but it was changed too much.This code was over my head, though I made it work for my application.scrollFace is the draggable peice of the bar, scrollTrack is the peice behind it, and btnUp and Down are self explanatory.

Code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
var scrollFaceHeight:Number = scrollFace._height;

[code].....

IDE :: Making Data Scroll In Textbox

Feb 12, 2009

i have a dynamic text box loaded with data from external text file i need the script to make the data scroll vertically line by line. without any button click

ActionScript 2.0 :: Making A Scroll Bar For Flash 5?

Jul 6, 2002

how would i go around making a scroll bar for Flash 5?

Actionscript 3 :: Scroll Bar In Datagrid But In Outer Container

Apr 27, 2011

I have a datagrid with more than 70 columns (with few fixed). I dont want the scrollbar to appear in datagrid (both horizontal and vertical) but in the parent container which is a VBox (or canvas) instead. This will help to scroll the screen vertically without having to scroll all the way right in datagird to scroll vertically.

Actionscript 3 :: Event To Capture The Scroll Of A Datagrid?

Sep 1, 2011

I have 2 questions: 1. What would be the event to capture the fact a scroll has taken place in a datagrid?
2. Does anyone have any suggestions on how one could disable the scroll of the datagrid when a user clicks a cell then drags out of the datagid?

ActionScript 2.0 :: DataGrid Horizontal Scroll Not Working?

Sep 8, 2008

I have created a simple datagrid and added columns and rows. The vertical scroll is working fine but when I scroll the horizontal scroll the content does not scroll.

ActionScript 3.0 :: Making Textfield Scroll Up/down With Touchevents?

Mar 27, 2012

Multitouch.inputMode = MultitouchInputMode.GESTURE;
stage.addEventListener (TransformGestureEvent.GESTURE_SWIPE, swipeHandler);
function swipeHandler(event:TransformGestureEvent):void[code]....

How do I make my textfield scroll up/down in as3 for touchevents?

ActionScript 3.0 :: Making A Button That Will Light Up When Scroll Over It

Jan 24, 2009

So I was working on making a button that will light up when I scroll over it, not instantly but more realisticly. The button starts out gray and when I scroll over it I want it to fade to red.

So I made a new AS3 Flash file and drew a simple gray box, made it a button, and inside the button I made the box a Movie Clip, shape tweened it so that it fades from gray to red in a period of 5 frames.

Now I'm just stuck on the scripting part, I made a new layer inside the movie clip for the script and have this typed in:

Code:
import flash.events.MouseEvent;
rectangle_mc.addEventListener(MouseEvent.MOUSE_OVER, mcOver);
function mcOver(event:MouseEvent)void{
play.rectangle_mc
}

I don't even know what import flash.events.MouseEvent; even means.

But what I'm trying to accomplish here is to make the shape tween Movie Clip only play when the cursor is over the button. So that when I scroll over the button it fades from gray to red. Sounds like a plan, but I can't figure out the function part where it says play.rectangle_mc,

ActionScript 2.0 :: MP3 Tutorial ... Making The List Scroll?

Sep 25, 2008

I used that MP3 player tutorial, I need to be able to have up to 500 items in the list. Does anyone know where I can find help making the list scroll?? Here is the tutorial I'm talking about [URL]

ActionScript 3.0 :: Auto-scroll DataGrid Content When Dragging A Row?

Nov 30, 2007

autoscroll functionality in Flex2's DataGrid while dragging an element row in it. Is there such a functionality or not?

I mean, I have a DataGrid which contains a collection of rows. The collection is longer that the DataGrid could fit, hence there is a vertical scrollbar that allows to get to the rest of rows. I have enabled the functionality of moving-by-draging to be able to change the order of rows in the DataGrid (see the simple code below).

Now, let's say I want to move the first (topmost) row to the last (bottom) position of the collection. When the top row is displayed, the bottom one is not visible (not without moving the scrollbar). So when I drag the top row, I cannot drop it beyond the few currently visible rows. Surely I could drag a bit and then scroll to bottom and then drag a bit more, but that's not the point. The point is - is there a functionality of autoscroll implemented in Flex2 DataGrid, where the collection would scroll itself automatically to allow one to drag beyond the few visible rows?

In Adobe's official PDF document "Flex2 Developer's Guide", section "Using drag-and-drop with list-based controls" I've found this sentence:

Quote:

If the control has active scroll bars, hovering the mouse pointer over the controls top or bottom scrolls the contents.

Well, it suggests that there should be this functionality I ask about. But it doesn't work for me.

Here's the simple code that builds the DataGrid in Flex2, that fails to autoscroll, if you care to check it:

[Code]...

ActionScript 2.0 :: Errors While Making Scroll Text Buttons

Apr 7, 2010

so the problem is that i was following instructions for making scrolling text with a custom button. and i put the following script (the instances are scrollUp_btn and scrollDown_btn):[code]and afther that i auto-checked it and (besides not working in the preview) it indicates these errors:[code]then i switched the '}'s for '{'s or viceversa but it shows me the opposite error. what's wrong ?

ActionScript 2.0 :: Making Thumbnails Scroll By Button Click?

Jun 2, 2010

[URL]

I want to make the thumbnails scroll left and right when a button the left and right side is clicked instead of the mouseover left/right scrolling. Essentially when the button is release I want the xml images to scrool to the next set. I have experience making that work with images embedded in flash but not with XML feed images.

What would i have to change to make the file work?

Actionscript 3 :: Scroll Bar To Appear When The Content Is Too Tall, And Have The Same Skin For The Background As The DataGrid?

May 16, 2011

I'm trying to create a layout not too different from the feed reader sample.The problem I'm having is that I'm finding the documentation unclear. There are so many different types of layouts that I don't know which one to use when.In the example, on the right side there are a few horizontal panels:

[feedToolbar(HboxPane)]
[feedItemsGrid(Datagrid)]
[filterToolbar(HBox)]

this does not include the details panel and the resize handle.I would like to swap the DataGrid with my custom content which is basically a sprite. The problem I have is that I cannot just include a sprite, because it does some funky resizing. I would like the scroll bar to appear when the content is too tall, and have have the same skin for the background as the DataGrid.

Flex :: VGroup: How To Have A New Element Show Up Smoothly (resize) When Added/removed

Apr 20, 2011

When adding/removing elements to/from a VGroup I need it to happen smoothly, resize the item. I believe I have to use transition effects. But how?

At item (element) level? At VGroup level? Should I use a DataGroup instead and do it at ItemRenderer level?

I've been trying to do it at item level but I still didn't manage to make it work and somehow it doesn't feel right. It feels like it should be done at a higher level.

For example, I defined a "death" state which resizes the item to height=0. But then, after it shrunk, it has to somehow notify VGroup in order for it to be removed or remove itself from VGroup. It feels unnecessarily complicated.

way to associate an effect to inserting and removing items from a VGroup?

Copyrights 2005-15 www.BigResource.com, All rights reserved