Flex :: No Scroll On A Datagrid
Dec 22, 2010Is it possible to disable the scrolls and make them invisible on a datagrid?
View 2 RepliesIs it possible to disable the scrolls and make them invisible on a datagrid?
View 2 RepliesIs 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.
View 1 RepliesIs 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.
I want to find out whether the scroll bar shows up in my Datagrid or not.
View 1 RepliesI 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?
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.
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.
View 1 RepliesI'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?
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.
View 2 RepliesI 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.
View 2 RepliesIs 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.
View 1 RepliesI 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?
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.
View 2 RepliesI 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?
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.
View 4 Repliesautoscroll 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]...
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.
how can i scroll two text boxes with single scroll bar?
View 3 RepliesI have a DataGrid[code]The datagrid does not scroll down after i've added 2 text components in a datagridcolumn.The scrollbar scrolls back up on pulling it down.
View 2 RepliesI've added an eventListener to the COLLECTION_CHANGE event that is fired when the grid is finished resorting the items in its dataProvider, after the user clicks on a column header:MyType (myDataGrid.dataProvider).addEventListener(CollectionEvent.COLLECTION_CHANGE,onDataGridResort);
View 1 RepliesI am working on a problem since a week soon, but I still couldn't make it work as expected. I have a DataGrid which has HBox with a CheckBox an a Label as itemRenderer (see Code below). When I tap in to the Cell the standard itemEditor pops up and lets you enter the content of the label. Thats the standard behavior. I works fine except for 2 problems:
If I enter to much text, the horizontal srollbar pops up, and the cell is filled with that scrollbar. As you see I tried to set the horizontalScrollPolicy to off, but that doesnt work at all... I tried to do that for all the different elements, but the failure is still existent. When I have filled more than one row, there is an other mistake happening. If I tap on a row, the datagrid selects the one below that row. That's only if one line is already selected. If I tap outside the datagrid and then, tap at any row the itemEditor of the right row will show up... Is there anything now wright in the setup of my set data method?
package components
{
import mx.containers.HBox;
import mx.controls.CheckBox;
[Code]......
From this (normal dataGrid)
into this (horisontal data grid)
How to turn Flex MXML DataGrid into something like Horisontal DataGrid? (may be some how with Flash builder 4?)
Keeping all stuff DataGrid has like eating data from data provider sortind dragging - droping items etc
I have two datagrids:
- Division
- Members
Both have single columns. Selecting one item from Divsions datagrid should display members of that Division in the Members datagrid. But following code has some problem and Members of a particular division do not show up when respective Divsion is clicked.
Following are some snippets of the related code. Hope someone can spot an error in it.
[Code]..
For poor performance reasons, the DataGrid will cache checkboxes and reuse them for different rows. If you have 50 rows, it won't create 50 checkboxes. It will create as many checkboxes at are visible, plus a few more for padding, and then reuse them as you scroll. This is why you need to explicitly manage their state. How can improve it ? How can fixed checkbox value ? i used checkbox like below But checkbox doesnot remembering the values
[Code]...
I am attempting to style the headers in a flex datagrid and I keep getting the warning:
Type DataGrid in CSS selector 'DataGrid' must be qualified with a namespace
What does this mean? I have gone through a bunch of tutorials and none of them have worked. It seems like changing a the colors in a datagrid should be relatively simple.
Here is a code sample:
<mx:Style>
.headerCustomStyle
{
fontWeight: "bold";
[code]....
in Flex I have something like that: [code]and dg is ALWAYS pointing at DataGrid (even if dg1 has name DataGrid_test and dg2 = DataGrid_test2) and finally action is made on my first DataGrid (DataGrid_test).[code]and search still points at ColorColumn :/ My problem is really easy- I just want to pass to search different dataGrid on each state.But still I don't understand why it doesn't work. My search function uses algorhitm Boyer-Moor for searching through dataGrid.dataProvider for some text. If it find something then it is pushed into new array and after passing whole dataProvider I colorize rows with searched word.
View 2 RepliesI have a spark skinnable component which contains a datagroup with images. The datagroup is scrolled by hovering the mouse over it. Everything works fine except one thing: after I change the datagroup provider, I need to scroll down automatically. The problem is the images are not loaded immediately after I set the provider so (contentHeight - height) does not yet represent the actual maximum scrolling position. Is there an easy way of telling the datagroup to scroll down as its content loads? Because the workaround seems to be not so straightforward. This is the code for scrolling(thumbnailStrip is my datagroup):
[Code]...
I have a TabNavigator, and each tab is a Module. One of the modules is labelled Units and the full code of the module is posted in this post. There are several problems:
1) Forms are not populated with data from the datagrid selection.
2) Selecting a row and clicking delete gives the very-common error: TypeError: Error #1009: Cannot access a property or method of a null object reference.
A trace on the valueObject unit within the selectionChangeHandler function gives NULL. Why? Note: In other modules (other tabs of the TabNavigator), I have DropDownLists populated with units. This means that the valueObject Unit is defined in the other modules. However, valueObjects should be private to modules, and not shared.
[Code]....
i have a problem using the itemRenderer functionality. When using an ArrayCollection the visible Data in the DataGrid using the itemRenderer will be rendered just fine. But if i start scrolling the entries are repeating in the cells using the renderer. The cells are not filled with date according to the id. What mistake i'm doing here.
I read a lot of the explainations like:
[URL]
here is the code for the set data function (itemRenderer is extending HBox):
override public function set data(value:Object):void {
_data = value;
if(data!=null)
[code]....
I'm using Flex 4 and I need to render the data that resembles HTML Table with row span in a Flex component.My inclination was to use a DataGrid but I believe that rowSpan is not supported for that component. I looked at the AdvancedDataGrid but the user does not want to have a tree-structure in any of the columns. Looking to see if there are any hints/tips for modifying the DataGrid or AdvancedDataGrid to produce an "HTML Table with rowspan" look.
View 1 Replies