import FlexDataGridColumn from 'flexicious-react-datagrid/js/flexgrid/grids/FlexDataGridColumn.js'
FlexDataGridColumn
Extends:
Direct Subclass:
The FlexDataGridColumn class describes a column in a FlexDataGrid Column control.
Constructor Summary
Public Constructor | ||
public |
|
Member Summary
Public Members | ||
public |
[styleProp]: * |
|
public |
[Style(name="activeCellColor", type="uint", format="Color", inherit="yes")] The color of the cell directly under the mouse or if using keyboard navigation, current keyboard seed. |
|
public |
[Style(name="alternatingItemColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The colors to use for the backgrounds of the items in the grid. |
|
public |
[Style(name="alternatingTextColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The colors to use for the text of the items in the grid. |
|
public |
[Style(name="backgroundColor", type="Array", arrayType="uint", format="Color", inherit="no")] Background color, the color of the fill area. |
|
public |
Value for the blank item in multi select combobox filter control Please note, there is a space in the front of this string so it shows up right below the "All" option. |
|
public |
this member was deprecated. Use the grid.cellBackgroundColorFunction instead.
A function that can be used to control the background color of each cell in this column. |
|
public |
A function that lets you control the border drawing mechanism for cell. |
|
public |
A function that lets you control the background drawing mechanism for cell. |
|
public |
A function that can be used to control the enabled flag of each cell in this column. |
|
public |
A function that can be used to control the Text color of each cell in this column. |
|
public |
|
|
public |
color: * [Style(name="color", type="uint", format="Color", inherit="yes")] Color of text in the component, including the component label. |
|
public |
[Style(name="columnGroupClosedIcon", type="Class", format="EmbeddedFile", inherit="no")] The icon that is displayed next to a closed column group. |
|
public |
[Style(name="columnGroupColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the Column Groups background gradient. |
|
public |
[Style(name="columnGroupDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border |
|
public |
[Style(name="columnGroupHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines. |
|
public |
[Style(name="columnGroupHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the header horizontal grid lines. |
|
public |
[Style(name="columnGroupHorizontalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show horizontal grid lines between the rows. |
|
public |
[Style(name="columnGroupOpenIcon", type="Class", format="EmbeddedFile", inherit="no")] The icon that is displayed next to an open column group. |
|
public |
[Style(name="columnGroupRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the Column Groups. |
|
public |
[Style(name="columnGroupStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the column groups. |
|
public |
[Style(name="columnGroupVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines. |
|
public |
[Style(name="columnGroupVerticalGridLineThickness", type="Number", format="Length")] Thickness of the header vertical grid lines. |
|
public |
[Style(name="columnGroupVerticalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show vertical grid lines between the columns. |
|
public |
[Style(name="columnTextColor", type="uint", format="Color", inherit="yes")] The color of the cell text of each cell in this column. |
|
public |
Whether or not to include the header text in the calculation of the column width. |
|
public |
A function that takes column, data provider and returns a number that represents, in pixel terms the width that needs to be applied to the column. |
|
public |
A value in pixels, that may be used to add/remove width that gets calculated when you use the columnWidthMode property Use if you have custom renderers or icons. |
|
public |
dataField: * The name of the field or property in the data provider item associated with the column. |
|
public |
[Style(name="disabledColor", type="uint", format="Color", inherit="yes")] Color of text in the component if it is disabled. |
|
public |
disabledIcon: *
|
|
public |
[Style(name="disclosureClosedIcon", type="Class", format="EmbeddedFile", inherit="no")] The icon that is displayed next to a closed branch node of the navigation tree. |
|
public |
[Style(name="disclosureOpenIcon", type="Class", format="EmbeddedFile", inherit="no")] The icon that is displayed next to an open branch node of the navigation tree. |
|
public |
Flag that indicates whether the user is allowed to resize the width of the column. |
|
public |
[Style(name="editItemColor", type="Array", arrayType="uint", format="Color")] The colors to use for the backgrounds of the items in the grid in the editable mode. |
|
public |
[Style(name="editTextColor", format="Color")] The colors to use for the text of the items in the editable grid. |
|
public |
The name of the property of the item editor that contains the new data for the list item. |
|
public |
[Style(name="editorStyleName", type="String")] Style to apply to the item editor. |
|
public |
Flag to enable selection of a row when a cell within that row is clicked. |
|
public |
For hierarchical datagrids, instead of having a separate column for icons, this flag will be used to embed an icon based on disclosureOpenIcon and disclosureClosedIcon within this column that will control the expand collapse of the row. |
|
public |
When filterControl=textInput, setting this flag to true will set the enableAutoComplete flag on the associated TextInput control Not Supported |
|
public |
For grouped datagrids, when a single column represents entities from various nest levels, its nice to visually indent them. |
|
public |
Flag to enable/disable icons within this cell. |
|
public |
Added to avoid flicker |
|
public |
For Grouped datagrids, searching on this column will cause match current item, as well as any of its children. |
|
public |
If set to true, this column wont be included in the export mechanism by default. |
|
public |
If set to true, this column wont be included in the print mechanism by default. |
|
public |
If set to true, this column wont be included in the quick find mechanism by default. |
|
public |
If set to true, this column wont be included in the settings popup by default. |
|
public |
Exclude this column from transposed mode. |
|
public |
[Style(name="expandCollapseIconBottom", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom |
|
public |
[Style(name="expandCollapseIconLeft", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom |
|
public |
[Style(name="expandCollapseIconRight", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom |
|
public |
[Style(name="expandCollapseIconTop", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom |
|
public |
filterCellRenderer: flexiciousNmsp.ClassFactory Container for the footer renderer. |
|
public |
filterColors: * [Style(name="filterColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background for the filter. |
|
public |
Flag, if set to true, will automatically build this collection on basis of distinct values in the grid. |
|
public |
Used in conjunction with the @filterComboBoxDataProvider field, used to set the value of the data field for the associated ISelectFilterControl |
|
public |
Dataprovider to use to build the list of values to dipsplay in the filter control, only applicable if the filterControl is a |
|
public |
Used in conjunction with the @filterComboBoxDataProvider field, used to set the value of the label field for the associated ISelectFilterControl |
|
public |
Returns the width of the dropdown. |
|
public |
A function that takes an item, and a filterExpression, and returns true or false on basis of whether the provided item matches the filterExpression. |
|
public |
This is usually automatically set, you dont have to manually set it, unless you're sending strings as Date objects. When set, will attempt to first convert the current value to the type you specified and then do the conversion. Values : auto,string,number,boolean,date |
|
public |
A function that takes an item, and returns a processed value for comparison. |
|
public |
Applicable only when the filtercontrol is a |
|
public |
[Style(name="filterDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn |
|
public |
[Style(name="filterHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines. |
|
public |
[Style(name="filterHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the filter horizontal grid lines. |
|
public |
[Style(name="filterHorizontalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show horizontal grid lines between the rows. |
|
public |
filterIcon: * [Style(name="filterIcon")] When filterControl=textInput, the icon that is displayed inside the textbox, based on the insideIconPosition property. |
|
public |
[Style(name="filterIconPosition", type="String", enumeration="left,right")] When filterControl=textInput, the position of the icon that is displayed inside the textbox. |
|
public |
The operator to apply when doing the conversion. |
|
public |
[Style(name="filterPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="filterPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
[Style(name="filterPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="filterPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
[Style(name="filterRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the filter. |
|
public |
The event that the filter triggers on. |
|
public |
[Style(name="filterVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines. |
|
public |
[Style(name="filterVerticalGridLineThickness", type="Number", format="Length")] Thickness of the filter vertical grid lines. |
|
public |
[Style(name="filterVerticalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show vertical grid lines between the columns. |
|
public |
|
|
public |
The alignment of the footer label |
|
public |
footerCellRenderer: flexiciousNmsp.ClassFactory Container for the footer renderer. |
|
public |
footerColors: * [Style(name="footerColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the footer background gradient. |
|
public |
[Style(name="footerDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn |
|
public |
footerFormatter: Formatter Formatter for the footer label. |
|
public |
[Style(name="footerHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines. |
|
public |
[Style(name="footerHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the footer horizontal grid lines. |
|
public |
[Style(name="footerHorizontalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show horizontal grid lines between the rows. |
|
public |
Label for the footer |
|
public |
A function that will return the footer label |
|
public |
|
|
public |
The operation to apply to the footer. |
|
public |
Precision for the footer label |
|
public |
[Style(name="footerPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="footerPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
[Style(name="footerPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="footerPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
A renderer for the footer |
|
public |
[Style(name="footerRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the footer. |
|
public |
[Style(name="footerStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the column headers. |
|
public |
[Style(name="footerVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines. |
|
public |
[Style(name="footerVerticalGridLineThickness", type="Number", format="Length")] Thickness of the footer vertical grid lines. |
|
public |
[Style(name="footerVerticalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show vertical grid lines between the columns. |
|
public |
Flag that controls whether or not to show variable sized footers. |
|
public |
Used by the doFormat method. |
|
public |
formatter: flexiciousNmsp.Formatter Used by the doFormat method. |
|
public |
For currency formatter, the currency symbol. |
|
public |
For date formatters, the date format. |
|
public |
For number and currency formatters, the default number of digits after the decimal point. |
|
public |
grid: * |
|
public |
Performance optimization, is set to true if there is a complex fieldname or a labelFunction or labelFunction2 |
|
public |
The alignment of the header label enumeration="left,right,center", defaultValue="left" |
|
public |
headerCellRenderer: flexiciousNmsp.ClassFactory Container for the header renderer. |
|
public |
headerColors: * [Style(name="headerColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the header background gradient. |
|
public |
[Style(name="headerDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border |
|
public |
[Style(name="headerHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines. |
|
public |
[Style(name="headerHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the header horizontal grid lines. |
|
public |
[Style(name="headerHorizontalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show horizontal grid lines between the rows. |
|
public |
headerIcon: *
|
|
public |
|
|
public |
[Style(name="headerPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="headerPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
[Style(name="headerPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="headerPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
headerRenderer: flexiciousNmsp.ClassFactory Storage for the headerRenderer property. |
|
public |
[Style(name="headerRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the header. |
|
public |
[Style(name="headerStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the column headers. |
|
public |
The default function for excel export. |
|
public |
A function that determines the header text for a column. |
|
public |
[Style(name="headerVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines. |
|
public |
[Style(name="headerVerticalGridLineThickness", type="Number", format="Length")] Thickness of the header vertical grid lines. |
|
public |
[Style(name="headerVerticalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show vertical grid lines between the columns. |
|
public |
Flag that controls whether or not to show variable sized headers. |
|
public |
The header text is used in the column picker, export, etc. |
|
public |
In scenarios where you only want to display the icon, set enableIcon=true, and hideText=true; |
|
public |
[Style(name="horizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines. |
|
public |
[Style(name="horizontalGridLineThickness", type="Number", format="Length", inherit="yes")] Thickness of the horizontal grid lines. |
|
public |
[Style(name="horizontalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show horizontal grid lines between the rows. |
|
public |
icon: *
|
|
public |
iconBottom: * [Style(name="iconBottom", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom |
|
public |
If enableIcon=true, icon function for the icon. |
|
public |
If enableIcon=true, enables hand cursor on the icon |
|
public |
iconHeight: * [Style(name="iconHeight", type="Number")] When enableIcon=true, To position the icon correctly, we need to know the height and width of the icon Since the icon is not yet drawn, sometimes we do not know how big the icon will be. |
|
public |
iconLeft: * [Style(name="iconLeft", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom |
|
public |
The delay to wait until dispatching the iconMouseOver event when the user mouse the mouse over the icon. |
|
public |
A function that allows you to position the icon when you provide an iconFunction or iconUrl. |
|
public |
iconRight: * [Style(name="iconRight", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom |
|
public |
If enableIcon=true, tooltip for the icon |
|
public |
If enableIcon=true, tooltip function for the icon. |
|
public |
iconTooltipRenderer: flexiciousNmsp.ClassFactory The renderer factory for the icon tooltip. |
|
public |
iconTop: * [Style(name="iconTop", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom |
|
public |
iconWidth: * [Style(name="iconWidth", type="Number")] When enableIcon=true, To position the icon correctly, we need to know the height and width of the icon Since the icon is not yet drawn, sometimes we do not know how big the icon will be. |
|
public |
this member was deprecated. Use grid.cellEditableFunction
A function that takes a IFlexDataGridCell, and returns true if this cell is editable. |
|
public |
itemEditor: flexiciousNmsp.ClassFactory A class factory for the instances of the item editor to use for the column, when it is editable. |
|
public |
In Edit mode, we only apply the new value to the model object when the user either hits the enter key or the tab key after typing input. |
|
public |
Indicates that the item editors manage their own persitence and populating the dataprovider back with their changes, so the editorDataField is ignored and the DataGrid does not write back the value from the editor into the data provider. |
|
public |
Function to call before committing the value of the item editor to the data provider. |
|
public |
itemRenderer: flexiciousNmsp.ClassFactory The class factory for item renderer instances that display the data for each item in the column. |
|
public |
level: flexiciousNmsp.FlexDataGridColumnLevel |
|
public |
linkText: * this member was deprecated.
|
|
public |
The mininum width that a column can receive. |
|
public |
[Style(name="multiColumnSortNumberHeight", type="Number", inherit="no")] The height of the numeric value representing the order of the column sort. |
|
public |
[Style(name="multiColumnSortNumberStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the numeric value representing the order of the column sort. |
|
public |
|
|
public |
overIcon: *
|
|
public |
[Style(name="paddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
paddingLeft: * [Style(name="paddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
paddingRight: * [Style(name="paddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
paddingTop: * [Style(name="paddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
pagerColors: * [Style(name="pagerColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the pager background gradient. |
|
public |
[Style(name="pagerDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn |
|
public |
[Style(name="pagerHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines. |
|
public |
[Style(name="pagerHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the pager horizontal grid lines. |
|
public |
[Style(name="pagerHorizontalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show horizontal grid lines between the rows. |
|
public |
[Style(name="pagerPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="pagerPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
[Style(name="pagerPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="pagerPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
[Style(name="pagerRollOverColors",type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the pager. |
|
public |
[Style(name="pagerVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines. |
|
public |
[Style(name="pagerVerticalGridLineThickness", type="Number", format="Length")] Thickness of the pager vertical grid lines. |
|
public |
[Style(name="pagerVerticalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show vertical grid lines between the columns. |
|
public |
On creation complete, will use this to distribute the width of the grid among the visible columns in the specified ratio. |
|
public |
[Style(name="rendererColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the renderer background gradient. |
|
public |
[Style(name="rendererDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn |
|
public |
[Style(name="rendererHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines. |
|
public |
[Style(name="rendererHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the renderer horizontal grid lines. |
|
public |
[Style(name="rendererHorizontalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show horizontal grid lines between the rows. |
|
public |
[Style(name="rendererPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="rendererPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
[Style(name="rendererPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area. |
|
public |
[Style(name="rendererPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area. |
|
public |
|
|
public |
[Style(name="rendererVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines. |
|
public |
[Style(name="rendererVerticalGridLineThickness", type="Number", format="Length")] Thickness of the renderer vertical grid lines. |
|
public |
[Style(name="rendererVerticalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show vertical grid lines between the columns. |
|
public |
Flag that indicates whether the user is allowed to resize the width of the column. |
|
public |
A flag used to the identify that the responsive behaviour touched this columns visiblity, So later we can restore the column visiblity on grid resize. |
|
public |
in which priority level column should be hidden. |
|
public |
[Style(name="rollOverColor", type="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the row. |
|
public |
|
|
public |
Flag that indicates whether the items in the column are selectable. |
|
public |
[Style(name="selectionColor", type="uint", format="Color", inherit="yes")] The color of the background for the row when the user selects an item renderer in the row. |
|
public |
[Style(name="selectionDisabledColor", type="uint", format="Color", inherit="yes")] The color of the background of a renderer when the component is disabled. |
|
public |
For filterControl=textInput, if you specify an Filter Icon Style, setting this variable to true will clear show the icon only when there is text in the box. |
|
public |
If set to true, icon only shows when user hovers over the cell. |
|
public |
If set to true, icon only shows when user hovers over the row. |
|
public |
[Style(name="sortArrowSkin", type="Class", inherit="no")] The class to use as the skin for the arrow that indicates the column sort direction. |
|
public |
To sort this column insensitive of case. |
|
public |
A callback function that gets called when sorting the data in the column. |
|
public |
To sort this column numerically. |
|
public |
Flag that indicates whether the user can click on the header of this column to sort the data provider. |
|
public |
[Style(name="textAlign", type="String", enumeration="left,center,right", inherit="yes")] Alignment of text within a container. |
|
public |
[Style(name="textDisabledColor", type="uint", format="Color", inherit="yes")] The color of the text of a renderer when the component is disabled. |
|
public |
[Style(name="textRollOverColor", type="uint", format="Color", inherit="yes")] Color of the text when the user rolls over a row. |
|
public |
[Style(name="textSelectedColor", type="uint", format="Color", inherit="yes")] Color of the text when the user selects a row. |
|
public |
If this propery is true, the text that does not fit in the available size is truncated with "...". |
|
public |
Not supported |
|
public |
For list based item editors, setting this flag will use the dataprovider from the filter mechanism for the item editor. |
|
public |
Uses a special itemrenderer, which causes the mouse to turn into a hand cursor on hover. |
|
public |
Prior to dispatching the icon roll over, we use a timer so accidental roll over does not cause popups. |
|
public |
Flag, that defaults to true, indicates that in client filter mode, use the label function to perform the search (opposed) comparison to using the raw value of the "searchField" property of the column. |
|
public |
When you set to true, a custom sortCompareFunction is applied that uses the labelFunction instead of the dataField. |
|
public |
When true, if the renderer supports the text decoration style property, sets it to underline. |
|
public |
[Style(name="verticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines. |
|
public |
[Style(name="verticalGridLineThickness", type="Number", format="Length", inherit="yes")] Thickness of the vertical grid lines. |
|
public |
[Style(name="verticalGridLines", type="Boolean", inherit="no")] Flag that indicates whether to show vertical grid lines between the columns. |
|
public |
Flag to indicate that the text in this column can flow into multiple lines, based upon the width of the column. |
Method Summary
Public Methods | ||
public |
calculateFooterValue(dataProvider: *, cell: flexiciousNmsp.FlexDataGridDataCell): String a. The default text of the footer is calculated on basis of the following logic: |
|
public |
defaultIconFunction(cell: flexiciousNmsp.FlexDataGridDataCell, state: string): * Default Icon tooltip function. |
|
public |
defaultIconTooltipFunction(cell: flexiciousNmsp.FlexDataGridDataCell): string Default Icon tooltip function. |
|
public |
defaultLabelFunction(col: flexiciousNmsp.FlexDataGridDataCell, dataProvider: *): String
|
|
public |
deriveRenderer(chromeType: *): * Depending on the specified chrome type, gets the appropriate renderer. |
|
public |
dispatchEvent(event: *): * Whenever a tree datagrid event is dispatched at any column, we also dispatch it from the level so if someone wants to listen for an event at all columns... |
|
public |
doFormat(retVal: *): * The doFormat method returns formatted value on basis of the format properties (See description below) |
|
public |
getAdjacentColumn(num: number): flexiciousNmsp.FlexDataGridColumn |
|
public |
getClassNames(): string[] |
|
public |
getClickBehavior(): * Unused, for legacy purposes only |
|
public |
|
|
public |
getColumnLockMode(): * In addition to the left locked and unlocked columns supported by the regular Flex DataGrid, Flexicious Ultimate supports right locked columns. |
|
public |
getColumnLockMode(): * In addition to the left locked and unlocked columns supported by the regular Flex DataGrid, Flexicious Ultimate supports right locked columns. |
|
public |
getColumnWidthMode(): * The columnWidthMode property on the column specifies how the column widths are applied. |
|
public |
getDataCellRenderer(): * Container for the item renderer. |
|
public |
The name of the field or property in the data provider item associated with the column. |
|
public |
getDistinctValues(dp: object, collection: Array, addedCodes: Array, lvl: flexiciousNmsp.FlexDataGridColumnLevel): Array Returns this list of distinct values for this column, in a list of arraycollection which will have properties data and label. |
|
public |
Flag that indicates whether the items in the column are editable. |
|
public |
getFilterControl(): * A control that implements IFilterControl |
|
public |
getFilterRenderer(): * The actual control to render inside the header column. |
|
public |
getHeaderText(cell: flexiciousNmsp.FlexDataGridDataCell): string Text for the header of this column. |
|
public |
The property on the model object that returns the url to the icon, if you wish to show different icons for each cell. |
|
public |
|
|
public |
Returns true if the column is not right locked or IFixedWidth. |
|
public |
|
|
public |
|
|
public |
|
|
public |
|
|
public |
|
|
public |
|
|
public |
Returns true if the column is left locked. |
|
public |
Returns true if the column is left or right locked. |
|
public |
Returns true if the column is right locked. |
|
public |
MX and Spark Grids implement the sortable differently, so to match the interface. |
|
public |
For support in pickers |
|
public |
getLabelFunction(value: *): Function A function that determines the text to display in this column. |
|
public |
getLabelFunction2(value: *): Function A specialized function that determines the text to display in this column, and takes the actual cell being (a) evaluated parameter. |
|
public |
getLevel(value: *): flexiciousNmsp.FlexDataGridColumnLevel |
|
public |
getNestDepth(): * Gets the nest depth of the associated level. |
|
public |
getOwner(): flexiciousNmsp.FlexDataGrid |
|
public |
this method was deprecated. - now defaults to the uniqueIdentifier.
For datagrids where there are multiple columns with the same header text, this field may be specified so that the persistence mechanism does not overwrite it. |
|
public |
The field that the filter should search on. |
|
public |
Similar to searchField, if you want to override what the database actually sorts when you sort this column |
|
public |
Similar to searchField, if you want to override what the database actually sorts when you sort this column |
|
public |
getStyleValue(styleProp: string): object Gets the style value for the provided style property at the current level. |
|
public |
getUniqueIdentifier(): * A key used to uniquely identify a column. |
|
public |
Flag that indicates whether the column is visible. |
|
public |
The width of the column, in pixels. |
|
public |
Current X position of this column relative to the container for its cells. |
|
public |
|
|
public |
isValidStyleValue(val: *): boolean A function that is used when we have complex properties in the datafield. |
|
public |
itemToLabel(data: object, cell: flexiciousNmsp.FlexDataGridCell): * Returns the String that the item renderer displays for the given data object. |
|
public |
itemToLabelCommon(item: object): String |
|
public |
kill() |
|
public |
labelFunctionSortCompare(obj1: object, obj2: object): boolean |
|
public |
setColumnLockMode(val: *) |
|
public |
setColumnLockMode(val: *) |
|
public |
setColumnWidthMode(val: *): * |
|
public |
setDataCellRenderer(value: *) |
|
public |
setDataField(value: *) |
|
public |
setEditable(value: boolean) |
|
public |
setFilterControl(val: *) The filter control to associate with this column. |
|
public |
setFilterRenderer(value: *) |
|
public |
setFooterFormatter(val: *): * Formatter for the footer label |
|
public |
setHeaderText(value: string) |
|
public |
setIconField(value: string) |
|
public |
setLabelFunction(value: Function) |
|
public |
setLabelFunction2(value: Function) |
|
public |
setPersistenceKey(val: *) |
|
public |
setSearchField(val: *) |
|
public |
setSortField(val: *) |
|
public |
|
|
public |
setUniqueIdentifier(value: string) |
|
public |
setVisible(value: boolean) |
|
public |
|
|
public |
|
Inherited Summary
From class EventDispatcher | ||
public |
[prop]: * |
|
public |
|
|
public |
A list of event listeners for this event dispatcher object. |
|
public |
typeCache: {} |
|
public |
addEventListener(context: *, type: *, listener: *) Registers an event listener object with an EventDispatcher object so that the listener receives notification of an event. |
|
public |
|
|
public |
dispatchEvent(event: *): boolean Dispatches an event into the event flow. |
|
public |
getClassNames(): string[] |
|
public |
getStyle(prop: *): * Gets the value of the prop property on this object |
|
public |
hasEventListener(type: *): Boolean Returns true if an event listener exists |
|
public |
implementsOrExtends(name: *): Boolean Returns true if the class name to check is in the list of class names defined for this class. |
|
public |
kill() Removes all event listeners |
|
public |
killArray(arr: *) Given an array of event dispatchers, calls the kill method on each of them. |
|
public |
removeEventListener(type: *, listener: *) Removes a listener from the EventDispatcher object. |
|
public |
setStyle(prop: *, val: *) Sets the value of the prop property on this object |
Public Constructors
Public Members
public [styleProp]: * source
public activeCellColor: * source
[Style(name="activeCellColor", type="uint", format="Color", inherit="yes")] The color of the cell directly under the mouse or if using keyboard navigation, current keyboard seed.
Properties:
Name | Type | Attribute | Description |
activeCellColor | * |
public alternatingItemColors: * source
[Style(name="alternatingItemColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The colors to use for the backgrounds of the items in the grid. The value is an array of two or more colors. The backgrounds of the list items alternate among the colors in the array.
Properties:
Name | Type | Attribute | Description |
alternatingItemColors | * |
public alternatingTextColors: * source
[Style(name="alternatingTextColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The colors to use for the text of the items in the grid. The value is an array of two colors. The text color of the list items alternate among the colors in the array.
Properties:
Name | Type | Attribute | Description |
alternatingTextColors | * |
public backgroundColor: * source
[Style(name="backgroundColor", type="Array", arrayType="uint", format="Color", inherit="no")] Background color, the color of the fill area.
Properties:
Name | Type | Attribute | Description |
backgroundColor | * |
public blankValuesLabel: string source
Value for the blank item in multi select combobox filter control Please note, there is a space in the front of this string so it shows up right below the "All" option.
Properties:
Name | Type | Attribute | Description |
blankValuesLabel | * |
public cellBackgroundColorFunction: Function source
A function that can be used to control the background color of each cell in this column. If this function is null or returns null, the cell will use the alternatingItemColors style property. This function should take a IFlexDataGridDataCell object, which has a pointer to the row data ((well) data) as other related information found in the documentation of the FlexDataGridDataCell class. This function should return an array of colors for a gradient fill, or a single color hex code (uint) for a single color fill.
Properties:
Name | Type | Attribute | Description |
cellBackgroundColorFunction | * |
public cellBorderFunction: Function source
A function that lets you control the border drawing mechanism for cell. By default, each cell will draw a 1px wide line to its right (if XXXXVerticalGridLines=true) and bottom (if XXXXhorizontalGridLines=true) ends.
This function offers you the opportunity to hook into this mechanism, and draw your own border using the graphics property of the FlexDataGridCell object, that is passed (a) in parameter to this function. If this function returns false, the default border is not drawn.
Properties:
Name | Type | Attribute | Description |
cellBorderFunction | * |
public cellCustomDrawFunction: Function source
A function that lets you control the background drawing mechanism for cell. By default, each cell will draw a background on basis of the XXXXColors style property and XXXXRollOverColors style property, where XXXX= header,filter,pager,footer,renderer or blank.
This function offers you the opportunity to hook into this mechanism, and draw your own background using the graphics property of the FlexDataGridCell object, that is passed (a) in parameter to this function. If this function returns false, the default background is not drawn.
Properties:
Name | Type | Attribute | Description |
cellCustomDrawFunction | * |
public cellDisabledFunction: Function source
A function that can be used to control the enabled flag of each cell in this column. If this function is null or returns null, the cell will be enabled, selectable, and rollovers will work. If this function returns false, the cell will not be selectable, the item renderers will be disabled and it will have no rollovers. This function should take a IFlexDataGridDataCell object, which has a pointer to the row data ((well) data) as other related information found in the documentation of the FlexDataGridDataCell class. This function should true or false.
Properties:
Name | Type | Attribute | Description |
cellDisabledFunction | * |
public cellTextColorFunction: Function source
A function that can be used to control the Text color of each cell in this column. If this function is null or returns null, the cell Text will use the alternatingTextColors style property. This function should take a IFlexDataGridDataCell object, which has a pointer to the row data ((well) data) as other related information found in the documentation of the FlexDataGridDataCell class. This function should return a single color hex code (uint).
@deprecated. Use the grid.cellTextColorFunction instead.
Properties:
Name | Type | Attribute | Description |
cellTextColorFunction | * |
public clearFilterOnIconClick: boolean source
Properties:
Name | Type | Attribute | Description |
clearFilterOnIconClick | * |
public color: * source
[Style(name="color", type="uint", format="Color", inherit="yes")] Color of text in the component, including the component label.
The default value for the Halo theme is 0x0B333C
.
The default value for the Spark theme is 0x000000
.
Properties:
Name | Type | Attribute | Description |
color | * |
public columnGroupClosedIcon: * source
[Style(name="columnGroupClosedIcon", type="Class", format="EmbeddedFile", inherit="no")] The icon that is displayed next to a closed column group.
The default value is TreeDisclosureClosed
in the assets.swf file.
Properties:
Name | Type | Attribute | Description |
columnGroupClosedIcon | * |
public columnGroupColors: * source
[Style(name="columnGroupColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the Column Groups background gradient. The first color is the top color. The second color is the bottom color.
Properties:
Name | Type | Attribute | Description |
columnGroupColors | * |
public columnGroupDrawTopBorder: * source
[Style(name="columnGroupDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border
Properties:
Name | Type | Attribute | Description |
columnGroupDrawTopBorder | * |
public columnGroupHorizontalGridLineColor: * source
[Style(name="columnGroupHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
columnGroupHorizontalGridLineColor | * |
public columnGroupHorizontalGridLineThickness: * source
[Style(name="columnGroupHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the header horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
columnGroupHorizontalGridLineThickness | * |
public columnGroupHorizontalGridLines: * source
[Style(name="columnGroupHorizontalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show horizontal grid lines between
the rows.
If true
, shows horizontal grid lines.
If false
, hides horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
columnGroupHorizontalGridLines | * |
public columnGroupOpenIcon: * source
[Style(name="columnGroupOpenIcon", type="Class", format="EmbeddedFile", inherit="no")] The icon that is displayed next to an open column group.
The default value is TreeDisclosureOpen
in the assets.swf file.
Properties:
Name | Type | Attribute | Description |
columnGroupOpenIcon | * |
public columnGroupRollOverColors: * source
[Style(name="columnGroupRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the Column Groups.
The default value is [0xE6E6E6,0xFFFFFF]
Properties:
Name | Type | Attribute | Description |
columnGroupRollOverColors | * |
public columnGroupStyleName: * source
[Style(name="columnGroupStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the column groups.
Properties:
Name | Type | Attribute | Description |
columnGroupStyleName | * |
public columnGroupVerticalGridLineColor: * source
[Style(name="columnGroupVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
columnGroupVerticalGridLineColor | * |
public columnGroupVerticalGridLineThickness: * source
[Style(name="columnGroupVerticalGridLineThickness", type="Number", format="Length")] Thickness of the header vertical grid lines.
Properties:
Name | Type | Attribute | Description |
columnGroupVerticalGridLineThickness | * |
public columnGroupVerticalGridLines: * source
[Style(name="columnGroupVerticalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show vertical grid lines between
the columns.
If true
, shows vertical grid lines.
If false
, hides vertical grid lines.
Properties:
Name | Type | Attribute | Description |
columnGroupVerticalGridLines | * |
public columnTextColor: * source
[Style(name="columnTextColor", type="uint", format="Color", inherit="yes")] The color of the cell text of each cell in this column. Usually these colors are controlled via the alternatingTextColors style property of the level or the grid. In case you wish to have this column have a specific text color, you may use this property. The default value is null
Properties:
Name | Type | Attribute | Description |
columnTextColor | * |
public columnWidthModeFitToContentExcludeHeader: boolean source
Whether or not to include the header text in the calculation of the column width.
Properties:
Name | Type | Attribute | Description |
columnWidthModeFitToContentExcludeHeader | * |
public columnWidthModeFitToContentWidthCalculator: Function source
A function that takes column, data provider and returns a number that represents, in pixel terms the width that needs to be applied to the column. The dataprovider is the subset of the dataset upto this.columnWidthModeFitToContentSampleSize
Properties:
Name | Type | Attribute | Description |
columnWidthModeFitToContentWidthCalculator | * |
public columnWidthOffset: boolean source
A value in pixels, that may be used to add/remove width that gets calculated when you use the columnWidthMode property Use if you have custom renderers or icons.
Properties:
Name | Type | Attribute | Description |
columnWidthOffset | * |
public dataField: * source
The name of the field or property in the data provider item associated
with the column.
Each DataGridColumn control
requires this property and/or the labelFunction
property
to be set in order to calculate the displayable text for the item
renderer.
If the dataField
and labelFunction
properties are set,
the data is displayed using the labelFunction
and sorted
using the dataField
. If the property named in the
dataField
does not exist, the
sortCompareFunction
must be set for the sort to work
correctly.
This value of this property is not necessarily the String that
is displayed in the column header. This property is
used only to access the data in the data provider.
For more information, see the headerText
property.
If you specify a complex property ,the grid takes over the sortCompareFunction, and the sortField property is ignored.
Properties:
Name | Type | Attribute | Description |
dataField | * |
public disabledColor: * source
[Style(name="disabledColor", type="uint", format="Color", inherit="yes")] Color of text in the component if it is disabled.
Properties:
Name | Type | Attribute | Description |
disabledColor | * |
public disabledIcon: * source
- [Style(name="disabledIcon")] When enableIcon=true, this property specifies the icon to display when enabled=false. If the icon is dynamic, use the dataField to specify the url instead.
Properties:
Name | Type | Attribute | Description |
disabledIcon | * |
public disclosureClosedIcon: * source
[Style(name="disclosureClosedIcon", type="Class", format="EmbeddedFile", inherit="no")] The icon that is displayed next to a closed branch node of the navigation tree.
The default value is TreeDisclosureClosed
in the assets.swf file.
Properties:
Name | Type | Attribute | Description |
disclosureClosedIcon | * |
public disclosureOpenIcon: * source
[Style(name="disclosureOpenIcon", type="Class", format="EmbeddedFile", inherit="no")]
The icon that is displayed next to an open branch node of the navigation tree.
The default value is TreeDisclosureOpen
in the assets.swf file.
Properties:
Name | Type | Attribute | Description |
disclosureOpenIcon | * |
public draggable: boolean source
Flag that indicates whether the user is allowed to resize the width of the column. Please note, left and right locked columns are not resizable
Properties:
Name | Type | Attribute | Description |
draggable | * |
public editItemColor: * source
[Style(name="editItemColor", type="Array", arrayType="uint", format="Color")] The colors to use for the backgrounds of the items in the grid in the editable mode. The value is an array two colors.
Properties:
Name | Type | Attribute | Description |
editItemColor | * |
public editTextColor: * source
[Style(name="editTextColor", format="Color")] The colors to use for the text of the items in the editable grid.
Properties:
Name | Type | Attribute | Description |
editTextColor | * |
public editorDataField: string source
The name of the property of the item editor that contains the new data for the list item.
Properties:
Name | Type | Attribute | Description |
editorDataField | * |
public editorStyleName: * source
[Style(name="editorStyleName", type="String")] Style to apply to the item editor.
Properties:
Name | Type | Attribute | Description |
editorStyleName | * |
public enableCellClickRowSelect: boolean source
Flag to enable selection of a row when a cell within that row is clicked. You may choose to set this to false when you set selectable =true. When the user clicks on a cell, the row is automatically selected when the selection mode is either single row or multiple rows. When you have cells that are selectable, the user may wish to select the text in the (opposed) cell to selecting the row. Setting this flag to false will disable the row selection when any cell within this column is clicked.
Properties:
Name | Type | Attribute | Description |
enableCellClickRowSelect | * |
public enableExpandCollapseIcon: boolean source
For hierarchical datagrids, instead of having a separate column for icons, this flag will be used to embed an icon based on disclosureOpenIcon and disclosureClosedIcon within this column that will control the expand collapse of the row.
Properties:
Name | Type | Attribute | Description |
enableExpandCollapseIcon | * |
public enableFilterAutoComplete: boolean source
When filterControl=textInput, setting this flag to true will set the enableAutoComplete flag on the associated TextInput control Not Supported
Properties:
Name | Type | Attribute | Description |
enableFilterAutoComplete | * |
public enableHierarchicalNestIndent: boolean source
For grouped datagrids, when a single column represents entities from various nest levels, its nice to visually indent them. Set this parameter to true for such columns If you wish to programatically control the padding, you could do so via the rendererInitialized event on the grid.
Properties:
Name | Type | Attribute | Description |
enableHierarchicalNestIndent | * |
public enableIcon: boolean source
Flag to enable/disable icons within this cell.
For columns that have icons (with or without text), you can
- Set enableIcons=true.
- If it will be the same icon for cell, just set the "icon" style property on the column.
- If it will be different icons based on some logic, you can either provide that via the iconField property, or specify an iconFunction.
- If the cell will contain just an icon and no text, then set hideText/hideHeaderText to true.
- If the header also needs an icon, use the headerIconUrl property.
- Specify (iconLeft or iconRight) and (iconTop or iconBottom). If not specified, icon will be placed to the right middle of the cell.
- If needed, Wire up the iconClick or iconMouseOver (delay)/iconMouseOut, and specify iconMouseOverDelay (default 250 msec).
- Set enableIconHandCursor if needed.
- Set the iconTooltip, iconTooltipFunction, iconTooltipRenderer (for custom interactive (needed) popovers).
- Set the showIconOnRowHover and (needed) showIconOnCellHover (If you only wish to show the icon when the user hovers over the cell or the row.
Properties:
Name | Type | Attribute | Description |
enableIcon | * |
public enableLocalStyles: boolean source
Added to avoid flicker
Properties:
Name | Type | Attribute | Description |
enableLocalStyles | * |
public enableRecursiveSearch: boolean source
For Grouped datagrids, searching on this column will cause match current item, as well as any of its children. If any children match, this item matches as well.
Properties:
Name | Type | Attribute | Description |
enableRecursiveSearch | * |
public excludeFromExport: boolean source
If set to true, this column wont be included in the export mechanism by default.
Properties:
Name | Type | Attribute | Description |
excludeFromExport | * |
public excludeFromPrint: boolean source
If set to true, this column wont be included in the print mechanism by default.
Properties:
Name | Type | Attribute | Description |
excludeFromPrint | * |
public excludeFromQuickFind: boolean source
If set to true, this column wont be included in the quick find mechanism by default.
Properties:
Name | Type | Attribute | Description |
excludeFromQuickFind | * |
public excludeFromSettings: boolean source
If set to true, this column wont be included in the settings popup by default.
Properties:
Name | Type | Attribute | Description |
excludeFromSettings | * |
public excludeFromTransposedMode: boolean source
Exclude this column from transposed mode.
Properties:
Name | Type | Attribute | Description |
excludeFromTransposedMode | * |
public expandCollapseIconBottom: * source
[Style(name="expandCollapseIconBottom", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom
Properties:
Name | Type | Attribute | Description |
expandCollapseIconBottom | * |
public expandCollapseIconLeft: * source
[Style(name="expandCollapseIconLeft", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom
Properties:
Name | Type | Attribute | Description |
expandCollapseIconLeft | * |
public expandCollapseIconRight: * source
[Style(name="expandCollapseIconRight", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom
Properties:
Name | Type | Attribute | Description |
expandCollapseIconRight | * |
public expandCollapseIconTop: * source
[Style(name="expandCollapseIconTop", type="Number")] When enableExpandCollapseIcon=true, To position the icon correctly, you can set either expandCollapseIconLeft or expandCollapseIconRight, and expandCollapseIconTop or expandCollapseIconBottom
Properties:
Name | Type | Attribute | Description |
expandCollapseIconTop | * |
public filterCellRenderer: flexiciousNmsp.ClassFactory source
Container for the footer renderer. Needs to inherit from FlexDataGridFooterCell. Defaults to FlexDataGridFooterCell
Properties:
Name | Type | Attribute | Description |
filterCellRenderer | * |
public filterColors: * source
[Style(name="filterColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background for the filter. The default value is [0xCFCFCF,0xCFCFCF]
Properties:
Name | Type | Attribute | Description |
filterColors | * |
public filterComboBoxBuildFromGrid: boolean source
Flag, if set to true, will automatically build this collection on basis of distinct values in the grid.
Properties:
Name | Type | Attribute | Description |
filterComboBoxBuildFromGrid | * |
public filterComboBoxDataField: String source
Used in conjunction with the @filterComboBoxDataProvider field, used to set the value of the data field for the associated ISelectFilterControl
Properties:
Name | Type | Attribute | Description |
filterComboBoxDataField | * |
public filterComboBoxDataProvider: object source
Dataprovider to use to build the list of values to dipsplay in the filter control, only applicable if the filterControl is a
Properties:
Name | Type | Attribute | Description |
filterComboBoxDataProvider | * |
See:
- com.flexicious.controls.interfaces.filters.ISelectFilterControl Note:
- com.flexicious.controls.interfaces.filters.IMultiSelectFilterControl,
- com.flexicious.controls.interfaces.filters.ISingleSelectFilterControl inherit from ISelectFilterControl, and
- com.flexicious.controls.MultiSelectComboBox
- com.flexicious.controls.RadioButtonList
- com.flexicious.controls.ComboBox
- com.flexicious.controls.DateComboBox all inherently implement
- com.flexicious.controls.interfaces.filters.ISelectFilterControl. Note 2: It is not required to set this field. You may set the @see filterComboBoxBuildFromGrid property to true which will automatically build this collection on basis of distinct values in the grid.
- http://www.reactdatagrid.com/demo/#/simple
public filterComboBoxLabelField: String source
Used in conjunction with the @filterComboBoxDataProvider field, used to set the value of the label field for the associated ISelectFilterControl
Properties:
Name | Type | Attribute | Description |
filterComboBoxLabelField | * |
public filterComboBoxWidth: number source
Returns the width of the dropdown. Applicable only when the filter controls are comboboxes
Properties:
Name | Type | Attribute | Description |
filterComboBoxWidth | * |
public filterCompareFunction: Function source
A function that takes an item, and a filterExpression, and returns true or false on basis of whether the provided item matches the filterExpression. Please note, the filterExpression has a pointer to the iFilterControl that it was created from.
Properties:
Name | Type | Attribute | Description |
filterCompareFunction | * |
public filterComparisionType: String source
This is usually automatically set, you dont have to manually set it, unless you're sending strings as Date objects. When set, will attempt to first convert the current value to the type you specified and then do the conversion. Values : auto,string,number,boolean,date
Properties:
Name | Type | Attribute | Description |
filterComparisionType | * |
public filterConverterFunction: Function source
A function that takes an item, and returns a processed value for comparison. For example, if your backend sends down strings that represents a date, wire this function up and return a date object for comparison purposes.
Properties:
Name | Type | Attribute | Description |
filterConverterFunction | * |
public filterDateRangeOptions: Array source
Applicable only when the filtercontrol is a
Properties:
Name | Type | Attribute | Description |
filterDateRangeOptions | * |
See:
- com.flexicious.controls.interfaces.filters.IDateComboBox This has to be a list of Date Range Strings from the below: DateRange.DATE_RANGE_LAST_SIXTY_MINTUES= "Last 60 Minutes"; DateRange.DATE_RANGE_LAST_12_HOURS= "Last 12 Hours"; DateRange.DATE_RANGE_LAST_24_HOURS= "Last 24 Hours"; DateRange.DATE_RANGE_LAST_7_DAYS= "Last 7 Days"; DateRange.DATE_RANGE_THISHOUR= "This Hour"; DateRange.DATE_RANGE_LASTHOUR= "Last Hour"; DateRange.DATE_RANGE_NEXTHOUR= "Next Hour"; DateRange.DATE_RANGE_TODAY= "Today"; DateRange.DATE_RANGE_YESTERDAY= "Yesterday"; DateRange.DATE_RANGE_TOMORROW= "Tomorrow"; DateRange.DATE_RANGE_THISWEEK= "This Week"; DateRange.DATE_RANGE_LASTWEEK= "Last Week"; DateRange.DATE_RANGE_NEXTWEEK= "Next Week"; DateRange.DATE_RANGE_THISMONTH= "This Month"; DateRange.DATE_RANGE_LASTMONTH= "Last Month"; DateRange.DATE_RANGE_NEXTMONTH= "Next Month"; DateRange.DATE_RANGE_THISYEAR= "This Year"; DateRange.DATE_RANGE_LASTYEAR= "Last Year"; DateRange.DATE_RANGE_NEXTYEAR= "Next Year"; DateRange.DATE_RANGE_CUSTOM= "Custom"; DateRange.DATE_RANGE_THISQUARTER= "This Quarter"; DateRange.DATE_RANGE_NEXTQUARTER= "Next Quarter"; DateRange.DATE_RANGE_LASTQUARTER= "Last Quarter"; * See the @com.flexicious.utils.DateRange class for details
- http://www.reactdatagrid.com/demo/#/simple
public filterDrawTopBorder: * source
[Style(name="filterDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn
Properties:
Name | Type | Attribute | Description |
filterDrawTopBorder | * |
public filterHorizontalGridLineColor: * source
[Style(name="filterHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
filterHorizontalGridLineColor | * |
public filterHorizontalGridLineThickness: * source
[Style(name="filterHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the filter horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
filterHorizontalGridLineThickness | * |
public filterHorizontalGridLines: * source
[Style(name="filterHorizontalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show horizontal grid lines between
the rows.
If true
, shows horizontal grid lines.
If false
, hides horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
filterHorizontalGridLines | * |
public filterIcon: * source
[Style(name="filterIcon")] When filterControl=textInput, the icon that is displayed inside the textbox, based on the insideIconPosition property.
Properties:
Name | Type | Attribute | Description |
filterIcon | * |
public filterIconPosition: * source
[Style(name="filterIconPosition", type="String", enumeration="left,right")] When filterControl=textInput, the position of the icon that is displayed inside the textbox. Default 'right'
Properties:
Name | Type | Attribute | Description |
filterIconPosition | * |
public filterOperation: String source
The operator to apply when doing the conversion. See FILTER_OPERATION_TYPE constant values from com.flexicious.grids.filters.FilterExpression. Here are a list of options:
- Equals
- NotEquals
- BeginsWith
- EndsWith
- Contains
- DoesNotContain
- GreaterThan
- LessThan
- GreaterThanEquals
- LessThanEquals
- InList
- NotInList
- Between
Properties:
Name | Type | Attribute | Description |
filterOperation | * |
public filterPaddingBottom: * source
[Style(name="filterPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
filterPaddingBottom | * |
public filterPaddingLeft: * source
[Style(name="filterPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
filterPaddingLeft | * |
public filterPaddingRight: * source
[Style(name="filterPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
filterPaddingRight | * |
public filterPaddingTop: * source
[Style(name="filterPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
filterPaddingTop | * |
public filterRollOverColors: * source
[Style(name="filterRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the filter. The default value is [0xCFCFCF,0xCFCFCF]
Properties:
Name | Type | Attribute | Description |
filterRollOverColors | * |
public filterTriggerEvent: String source
The event that the filter triggers on. Defaults to "change", or if the filterRenderer supports com.flexicious.controls.interfaces.IDelayedChange, then the delayedChange event. "none,change,enterKeyUp"
Properties:
Name | Type | Attribute | Description |
filterTriggerEvent | * |
public filterVerticalGridLineColor: * source
[Style(name="filterVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
filterVerticalGridLineColor | * |
public filterVerticalGridLineThickness: * source
[Style(name="filterVerticalGridLineThickness", type="Number", format="Length")] Thickness of the filter vertical grid lines.
Properties:
Name | Type | Attribute | Description |
filterVerticalGridLineThickness | * |
public filterVerticalGridLines: * source
[Style(name="filterVerticalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show vertical grid lines between
the columns.
If true
, shows vertical grid lines.
If false
, hides vertical grid lines.
Properties:
Name | Type | Attribute | Description |
filterVerticalGridLines | * |
public footerAlign: String source
The alignment of the footer label
Properties:
Name | Type | Attribute | Description |
footerAlign | * |
public footerCellRenderer: flexiciousNmsp.ClassFactory source
Container for the footer renderer. Needs to inherit from FlexDataGridFooterCell. Defaults to FlexDataGridFooterCell
Properties:
Name | Type | Attribute | Description |
footerCellRenderer | * |
public footerColors: * source
[Style(name="footerColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the footer background gradient. The first color is the top color. The second color is the bottom color.
Properties:
Name | Type | Attribute | Description |
footerColors | * |
public footerDrawTopBorder: * source
[Style(name="footerDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn
Properties:
Name | Type | Attribute | Description |
footerDrawTopBorder | * |
public footerFormatter: Formatter source
Formatter for the footer label.
Properties:
Name | Type | Attribute | Description |
footerFormatter | * |
public footerHorizontalGridLineColor: * source
[Style(name="footerHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
footerHorizontalGridLineColor | * |
public footerHorizontalGridLineThickness: * source
[Style(name="footerHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the footer horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
footerHorizontalGridLineThickness | * |
public footerHorizontalGridLines: * source
[Style(name="footerHorizontalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show horizontal grid lines between
the rows.
If true
, shows horizontal grid lines.
If false
, hides horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
footerHorizontalGridLines | * |
public footerLabel: null source
Label for the footer
Properties:
Name | Type | Attribute | Description |
footerLabel | * |
public footerLabelFunction: Function source
A function that will return the footer label
Properties:
Name | Type | Attribute | Description |
footerLabelFunction | * |
public footerLabelFunction2: Function source
Properties:
Name | Type | Attribute | Description |
footerLabelFunction2 | * |
public footerOperation: String source
The operation to apply to the footer. One of the following values:
- average
- sum
- min
- max
- count
Properties:
Name | Type | Attribute | Description |
footerOperation | * |
public footerOperationPrecision: number source
Precision for the footer label
Properties:
Name | Type | Attribute | Description |
footerOperationPrecision | * |
public footerPaddingBottom: * source
[Style(name="footerPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
footerPaddingBottom | * |
public footerPaddingLeft: * source
[Style(name="footerPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
footerPaddingLeft | * |
public footerPaddingRight: * source
[Style(name="footerPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
footerPaddingRight | * |
public footerPaddingTop: * source
[Style(name="footerPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
footerPaddingTop | * |
public footerRenderer: * source
A renderer for the footer
Properties:
Name | Type | Attribute | Description |
footerRenderer | * |
public footerRollOverColors: * source
[Style(name="footerRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the footer. The default value is [0xCCCCCC,0xCFCFCF]
Properties:
Name | Type | Attribute | Description |
footerRollOverColors | * |
public footerStyleName: * source
[Style(name="footerStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the column headers.
Properties:
Name | Type | Attribute | Description |
footerStyleName | * |
public footerVerticalGridLineColor: * source
[Style(name="footerVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
footerVerticalGridLineColor | * |
public footerVerticalGridLineThickness: * source
[Style(name="footerVerticalGridLineThickness", type="Number", format="Length")] Thickness of the footer vertical grid lines.
Properties:
Name | Type | Attribute | Description |
footerVerticalGridLineThickness | * |
public footerVerticalGridLines: * source
[Style(name="footerVerticalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show vertical grid lines between
the columns.
If true
, shows vertical grid lines.
If false
, hides vertical grid lines.
Properties:
Name | Type | Attribute | Description |
footerVerticalGridLines | * |
public footerWordWrap: boolean source
Flag that controls whether or not to show variable sized footers. The height of the footer section is increased until the longest text is fully shown
Properties:
Name | Type | Attribute | Description |
footerWordWrap | * |
public format: String source
Used by the doFormat method. One of the following values: FlexDataGridColumn.FORMAT_NONE="none"; FlexDataGridColumn.FORMAT_DATE="date"; FlexDataGridColumn.FORMAT_DATE_TIME="datetime"; FlexDataGridColumn.FORMAT_TIME="time"; FlexDataGridColumn.FORMAT_CURRENCY="currency"; FlexDataGridColumn.FORMAT_NUMBER="number";
Properties:
Name | Type | Attribute | Description |
format | * |
public formatter: flexiciousNmsp.Formatter source
Used by the doFormat method. Formatter to use when format not equals none. On basis of format, a new formatter is initialized. If you wish to override the format of the default formatter, you can provide your own formatter here.
Properties:
Name | Type | Attribute | Description |
formatter | * |
public formatterCurrencySymbol: String source
For currency formatter, the currency symbol. Defaults to blank value.
Properties:
Name | Type | Attribute | Description |
formatterCurrencySymbol | * |
public formatterDateFormatString: String source
For date formatters, the date format. Defaults to blank value. Initialized on basis of date format. If you wish to override the default format, you can use this string.
Properties:
Name | Type | Attribute | Description |
formatterDateFormatString | * |
public formatterPrecision: number source
For number and currency formatters, the default number of digits after the decimal point. Defaults to 2
Properties:
Name | Type | Attribute | Description |
formatterPrecision | * |
public grid: * source
public hasComplexDisplay: boolean source
Performance optimization, is set to true if there is a complex fieldname or a labelFunction or labelFunction2
Properties:
Name | Type | Attribute | Description |
hasComplexDisplay | * |
public headerAlign: String source
The alignment of the header label enumeration="left,right,center", defaultValue="left"
Properties:
Name | Type | Attribute | Description |
headerAlign | * |
public headerCellRenderer: flexiciousNmsp.ClassFactory source
Container for the header renderer. Needs to inherit from FlexDataGridHeaderCell. Defaults to FlexDataGridHeaderCell
Properties:
Name | Type | Attribute | Description |
headerCellRenderer | * |
public headerColors: * source
[Style(name="headerColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the header background gradient. The first color is the top color. The second color is the bottom color.
Properties:
Name | Type | Attribute | Description |
headerColors | * |
public headerDrawTopBorder: * source
[Style(name="headerDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border
Properties:
Name | Type | Attribute | Description |
headerDrawTopBorder | * |
public headerHorizontalGridLineColor: * source
[Style(name="headerHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
headerHorizontalGridLineColor | * |
public headerHorizontalGridLineThickness: * source
[Style(name="headerHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the header horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
headerHorizontalGridLineThickness | * |
public headerHorizontalGridLines: * source
[Style(name="headerHorizontalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show horizontal grid lines between
the rows.
If true
, shows horizontal grid lines.
If false
, hides horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
headerHorizontalGridLines | * |
public headerIcon: * source
- [Style(name="headerIcon")] When enableIcon=true, this property specifies the icon to display. If the icon is dynamic, use the dataField to specify the url instead.
Properties:
Name | Type | Attribute | Description |
headerIcon | * |
public headerLabelFunction2: Function source
Properties:
Name | Type | Attribute | Description |
headerLabelFunction2 | * |
public headerPaddingBottom: * source
[Style(name="headerPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
headerPaddingBottom | * |
public headerPaddingLeft: * source
[Style(name="headerPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
headerPaddingLeft | * |
public headerPaddingRight: * source
[Style(name="headerPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
headerPaddingRight | * |
public headerPaddingTop: * source
[Style(name="headerPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
headerPaddingTop | * |
public headerRenderer: flexiciousNmsp.ClassFactory source
Storage for the headerRenderer property.
Properties:
Name | Type | Attribute | Description |
headerRenderer | * |
public headerRollOverColors: * source
[Style(name="headerRollOverColors", type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the header.
The default value is [0xE6E6E6,0xFFFFFF]
Properties:
Name | Type | Attribute | Description |
headerRollOverColors | * |
public headerStyleName: * source
[Style(name="headerStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the column headers.
Properties:
Name | Type | Attribute | Description |
headerStyleName | * |
public headerTextForExportFunction: Function source
The default function for excel export. By default, we will return the header text If the parent is a column group, we will concatenate its text to the excel export.
Properties:
Name | Type | Attribute | Description |
headerTextForExportFunction | * |
public headerTextFunction: Function source
A function that determines the header text for a column. Should take a column.
Properties:
Name | Type | Attribute | Description |
headerTextFunction | * |
public headerVerticalGridLineColor: * source
[Style(name="headerVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
headerVerticalGridLineColor | * |
public headerVerticalGridLineThickness: * source
[Style(name="headerVerticalGridLineThickness", type="Number", format="Length")] Thickness of the header vertical grid lines.
Properties:
Name | Type | Attribute | Description |
headerVerticalGridLineThickness | * |
public headerVerticalGridLines: * source
[Style(name="headerVerticalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show vertical grid lines between
the columns.
If true
, shows vertical grid lines.
If false
, hides vertical grid lines.
Properties:
Name | Type | Attribute | Description |
headerVerticalGridLines | * |
public headerWordWrap: boolean source
Flag that controls whether or not to show variable sized headers. The height of the header section is increased until the longest text is fully shown
Properties:
Name | Type | Attribute | Description |
headerWordWrap | * |
public hideHeaderText: boolean source
The header text is used in the column picker, export, etc. However, if you do not wish for it to be displayed in the view, set this to true. Used for IconColumns.
Properties:
Name | Type | Attribute | Description |
hideHeaderText | * |
public hideText: boolean source
In scenarios where you only want to display the icon, set enableIcon=true, and hideText=true;
Properties:
Name | Type | Attribute | Description |
hideText | * |
public horizontalGridLineColor: * source
[Style(name="horizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
horizontalGridLineColor | * |
public horizontalGridLineThickness: * source
[Style(name="horizontalGridLineThickness", type="Number", format="Length", inherit="yes")] Thickness of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
horizontalGridLineThickness | * |
public horizontalGridLines: * source
[Style(name="horizontalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show horizontal grid lines between
the rows.
If true
, shows horizontal grid lines.
If false
, hides horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
horizontalGridLines | * |
public icon: * source
- [Style(name="icon")] When enableIcon=true, this property specifies the icon to display. If the icon is dynamic, use the dataField to specify the url instead.
Properties:
Name | Type | Attribute | Description |
icon | * |
public iconBottom: * source
[Style(name="iconBottom", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom
Properties:
Name | Type | Attribute | Description |
iconBottom | * |
public iconFunction: Function source
If enableIcon=true, icon function for the icon.
Default implementation has the following logic:
1) If this is a header cell, returns the value of the headerIcon style property
2) Else if this is a data cell, and the value of either the icon,overIcon or disabledIcon style property on basis of the passed in state is available, returns it.
3) Else if this is a data cell, and the iconField is not empty, returns the value of the iconField for the row data
Should take an IFlexDataGridCell object.
Properties:
Name | Type | Attribute | Description |
iconFunction | * |
public iconHandCursor: boolean source
If enableIcon=true, enables hand cursor on the icon
Properties:
Name | Type | Attribute | Description |
iconHandCursor | * |
public iconHeight: * source
[Style(name="iconHeight", type="Number")] When enableIcon=true, To position the icon correctly, we need to know the height and width of the icon Since the icon is not yet drawn, sometimes we do not know how big the icon will be. This property lets you specify that.
Properties:
Name | Type | Attribute | Description |
iconHeight | * |
public iconLeft: * source
[Style(name="iconLeft", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom
Properties:
Name | Type | Attribute | Description |
iconLeft | * |
public iconMouseOverDelay: number source
The delay to wait until dispatching the iconMouseOver event when the user mouse the mouse over the icon. Defaults to 500
Properties:
Name | Type | Attribute | Description |
iconMouseOverDelay | * |
public iconPlacementFunction: Function source
A function that allows you to position the icon when you provide an iconFunction or iconUrl. By default, we use the iconLeft, iconRight, iconTop and iconBottom style properties. However incase of hierarchical grids, you may want to control the positioning of the icon. Takes a FlexDataGridCell object, and a Image object. The image object is already positioned x,y at the result of the calculation based upon iconLeft, Right, Top and Bottom properties for you to make additional adjustments.
Properties:
Name | Type | Attribute | Description |
iconPlacementFunction | * |
public iconRight: * source
[Style(name="iconRight", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom
Properties:
Name | Type | Attribute | Description |
iconRight | * |
public iconToolTip: string source
If enableIcon=true, tooltip for the icon
Properties:
Name | Type | Attribute | Description |
iconToolTip | * |
public iconToolTipFunction: Function source
If enableIcon=true, tooltip function for the icon. Default implementation returns the value of the iconToolTip. Should take an IFlexDataGridCell object.
Properties:
Name | Type | Attribute | Description |
iconToolTipFunction | * |
public iconTooltipRenderer: flexiciousNmsp.ClassFactory source
The renderer factory for the icon tooltip. Defaults to null. If null, we simply show a string tooltip, else we call the showToolTip function on the grid passing in an instance of the class factory specified here.
Properties:
Name | Type | Attribute | Description |
iconTooltipRenderer | * |
public iconTop: * source
[Style(name="iconTop", type="Number")] When enableIcon=true, To position the icon correctly, you can set either iconLeft or iconRight, and iconTop or iconBottom
Properties:
Name | Type | Attribute | Description |
iconTop | * |
public iconWidth: * source
[Style(name="iconWidth", type="Number")] When enableIcon=true, To position the icon correctly, we need to know the height and width of the icon Since the icon is not yet drawn, sometimes we do not know how big the icon will be. This property lets you specify that.
Properties:
Name | Type | Attribute | Description |
iconWidth | * |
public isEditableFunction: Function source
A function that takes a IFlexDataGridCell, and returns true if this cell is editable. Use this in scenarios where some cells out of a column are not editable.
Properties:
Name | Type | Attribute | Description |
isEditableFunction | * |
public itemEditor: flexiciousNmsp.ClassFactory source
A class factory for the instances of the item editor to use for the column, when it is editable.
Properties:
Name | Type | Attribute | Description |
itemEditor | * |
public itemEditorApplyOnValueCommit: boolean source
In Edit mode, we only apply the new value to the model object when the user either hits the enter key or the tab key after typing input. This works fine for most cases, but for ItemEditors like date fields or Select Boxes, you may wish to apply the value on Change. In this case, set this flag to true.
Properties:
Name | Type | Attribute | Description |
itemEditorApplyOnValueCommit | * |
public itemEditorManagesPersistence: boolean source
Indicates that the item editors manage their own persitence and populating the dataprovider back with their changes, so the editorDataField is ignored and the DataGrid does not write back the value from the editor into the data provider. When you set itemEditorManagesPersistence, the itemEditorValidatorFunction or itemEditorApplyValueOnCommit are ignored, since we completely handover the responsibility of validating and persisting the data from the editor back into the dataprovider to the editor
Properties:
Name | Type | Attribute | Description |
itemEditorManagesPersistence | * |
public itemEditorValidatorFunction: Function source
Function to call before committing the value of the item editor to the data provider. Should take a View with is the item editor, and return a true or a false. If false, value is not committed If true, value is committed.
Properties:
Name | Type | Attribute | Description |
itemEditorValidatorFunction | * |
public itemRenderer: flexiciousNmsp.ClassFactory source
The class factory for item renderer instances that display the data for each item in the column. You can specify a ClassFactory ustom item renderer component as the value of this property.
The default item renderer is a TextView class, which displays the item data as text.
Each Data Cell in the grid is contains an instance of this class.Properties:
Name | Type | Attribute | Description |
itemRenderer | * |
public level: flexiciousNmsp.FlexDataGridColumnLevel source
Properties:
Name | Type | Attribute | Description |
level | * |
public linkText: * source
Properties:
Name | Type | Attribute | Description |
linkText | * |
public minWidth: number source
The mininum width that a column can receive.
After all calculations are made, it could result in some columns being squished beyond a certain value, where they're hardly visible. Setting a value for this property ensure this does not happen.
Properties:
Name | Type | Attribute | Description |
minWidth | * |
public multiColumnSortNumberHeight: * source
[Style(name="multiColumnSortNumberHeight", type="Number", inherit="no")] The height of the numeric value representing the order of the column sort.
Properties:
Name | Type | Attribute | Description |
multiColumnSortNumberHeight | * |
public multiColumnSortNumberStyleName: * source
[Style(name="multiColumnSortNumberStyleName", type="String", inherit="no")] The name of a CSS style declaration for controlling other aspects of the appearance of the numeric value representing the order of the column sort.
Properties:
Name | Type | Attribute | Description |
multiColumnSortNumberStyleName | * |
public multiColumnSortNumberWidth: number source
Properties:
Name | Type | Attribute | Description |
multiColumnSortNumberWidth | * |
public overIcon: * source
- [Style(name="overIcon")] When enableIcon=true, this property specifies the icon to display. If the icon is dynamic, use the dataField to specify the url instead.
Properties:
Name | Type | Attribute | Description |
overIcon | * |
public paddingBottom: * source
[Style(name="paddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
paddingBottom | * |
public paddingLeft: * source
[Style(name="paddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
paddingLeft | * |
public paddingRight: * source
[Style(name="paddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
paddingRight | * |
public paddingTop: * source
[Style(name="paddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
paddingTop | * |
public pagerColors: * source
[Style(name="pagerColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the pager background gradient. The first color is the top color. The second color is the bottom color.
Properties:
Name | Type | Attribute | Description |
pagerColors | * |
public pagerDrawTopBorder: * source
[Style(name="pagerDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn
Properties:
Name | Type | Attribute | Description |
pagerDrawTopBorder | * |
public pagerHorizontalGridLineColor: * source
[Style(name="pagerHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
pagerHorizontalGridLineColor | * |
public pagerHorizontalGridLineThickness: * source
[Style(name="pagerHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the pager horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
pagerHorizontalGridLineThickness | * |
public pagerHorizontalGridLines: * source
[Style(name="pagerHorizontalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show horizontal grid lines between
the rows.
If true
, shows horizontal grid lines.
If false
, hides horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
pagerHorizontalGridLines | * |
public pagerPaddingBottom: * source
[Style(name="pagerPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
pagerPaddingBottom | * |
public pagerPaddingLeft: * source
[Style(name="pagerPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
pagerPaddingLeft | * |
public pagerPaddingRight: * source
[Style(name="pagerPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
pagerPaddingRight | * |
public pagerPaddingTop: * source
[Style(name="pagerPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
pagerPaddingTop | * |
public pagerRollOverColors: * source
[Style(name="pagerRollOverColors",type="Array", arrayType="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the pager. The default value is [0xE6E6E6,0xFFFFFF]
Properties:
Name | Type | Attribute | Description |
pagerRollOverColors | * |
public pagerVerticalGridLineColor: * source
[Style(name="pagerVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
pagerVerticalGridLineColor | * |
public pagerVerticalGridLineThickness: * source
[Style(name="pagerVerticalGridLineThickness", type="Number", format="Length")] Thickness of the pager vertical grid lines.
Properties:
Name | Type | Attribute | Description |
pagerVerticalGridLineThickness | * |
public pagerVerticalGridLines: * source
[Style(name="pagerVerticalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show vertical grid lines between
the columns.
If true
, shows vertical grid lines.
If false
, hides vertical grid lines.
Properties:
Name | Type | Attribute | Description |
pagerVerticalGridLines | * |
public percentWidth: number source
On creation complete, will use this to distribute the width of the grid among the visible columns in the specified ratio.
Properties:
Name | Type | Attribute | Description |
percentWidth | * |
public rendererColors: * source
[Style(name="rendererColors", type="Array", arrayType="uint", format="Color", inherit="yes")] An array of two colors used to draw the renderer background gradient. The first color is the top color. The second color is the bottom color.
Properties:
Name | Type | Attribute | Description |
rendererColors | * |
public rendererDrawTopBorder: * source
[Style(name="rendererDrawTopBorder", type="Boolean", inherit="no")] Flag that indicates whether to force the top border, when horizontal gridlines are not drawn
Properties:
Name | Type | Attribute | Description |
rendererDrawTopBorder | * |
public rendererHorizontalGridLineColor: * source
[Style(name="rendererHorizontalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
rendererHorizontalGridLineColor | * |
public rendererHorizontalGridLineThickness: * source
[Style(name="rendererHorizontalGridLineThickness", type="Number", format="Length")] Thickness of the renderer horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
rendererHorizontalGridLineThickness | * |
public rendererHorizontalGridLines: * source
[Style(name="rendererHorizontalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show horizontal grid lines between
the rows.
If true
, shows horizontal grid lines.
If false
, hides horizontal grid lines.
Properties:
Name | Type | Attribute | Description |
rendererHorizontalGridLines | * |
public rendererPaddingBottom: * source
[Style(name="rendererPaddingBottom", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
rendererPaddingBottom | * |
public rendererPaddingLeft: * source
[Style(name="rendererPaddingLeft", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
rendererPaddingLeft | * |
public rendererPaddingRight: * source
[Style(name="rendererPaddingRight", type="Number", format="Length", inherit="no")] Number of pixels between the controls right border and the right edge of its content area.
Properties:
Name | Type | Attribute | Description |
rendererPaddingRight | * |
public rendererPaddingTop: * source
[Style(name="rendererPaddingTop", type="Number", format="Length", inherit="no")] Number of pixels between the controls left border and the left edge of its content area.
Properties:
Name | Type | Attribute | Description |
rendererPaddingTop | * |
public rendererRollOverColors: * source
- [Style(name="rendererRollOverColors", type="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over a level renderer. The default value is [0xFFFFFF,0xFFFFFF]
Properties:
Name | Type | Attribute | Description |
rendererRollOverColors | * |
public rendererVerticalGridLineColor: * source
[Style(name="rendererVerticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
rendererVerticalGridLineColor | * |
public rendererVerticalGridLineThickness: * source
[Style(name="rendererVerticalGridLineThickness", type="Number", format="Length")] Thickness of the renderer vertical grid lines.
Properties:
Name | Type | Attribute | Description |
rendererVerticalGridLineThickness | * |
public rendererVerticalGridLines: * source
[Style(name="rendererVerticalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show vertical grid lines between
the columns.
If true
, shows vertical grid lines.
If false
, hides vertical grid lines.
Properties:
Name | Type | Attribute | Description |
rendererVerticalGridLines | * |
public resizable: boolean source
Flag that indicates whether the user is allowed to resize the width of the column. Please note, left and right locked columns are not resizable
Properties:
Name | Type | Attribute | Description |
resizable | * |
public responseVisibleDirty: boolean source
A flag used to the identify that the responsive behaviour touched this columns visiblity, So later we can restore the column visiblity on grid resize.
Properties:
Name | Type | Attribute | Description |
responseVisibleDirty | * |
public responsivePriority: number source
in which priority level column should be hidden. if -1 then column never hide from the responsive behaviour. if 1 then column hide if required, when grid width < ResponsiveBehavior.columnPriority1WidthTreshold if 2 then column hide if required, when grid width < ResponsiveBehavior.columnPriority2idthTreshold if 3 then column hide if required, when grid width < ResponsiveBehavior.columnPriority3WidthTreshold if 4 then column hide if required, when grid width < ResponsiveBehavior.columnPriority4WidthTreshold if 5 then column hide if required, when grid width < ResponsiveBehavior.columnPriority5WidthTreshold
Properties:
Name | Type | Attribute | Description |
responsivePriority | * |
public rollOverColor: * source
[Style(name="rollOverColor", type="uint", format="Color", inherit="yes")] The color of the row background when the user rolls over the row.
The default value for the Halo theme is 0xB2E1FF
.
The default value for the Spark theme is 0xCEDBEF
.
Properties:
Name | Type | Attribute | Description |
rollOverColor | * |
public rowBackgroundColorFunction: Function source
Properties:
Name | Type | Attribute | Description |
rowBackgroundColorFunction | * |
public selectable: boolean source
Flag that indicates whether the items in the column are selectable.
Properties:
Name | Type | Attribute | Description |
selectable | * |
public selectionColor: * source
[Style(name="selectionColor", type="uint", format="Color", inherit="yes")] The color of the background for the row when the user selects an item renderer in the row.
Properties:
Name | Type | Attribute | Description |
selectionColor | * | The default value for the Halo theme is |
public selectionDisabledColor: * source
[Style(name="selectionDisabledColor", type="uint", format="Color", inherit="yes")] The color of the background of a renderer when the component is disabled.
Properties:
Name | Type | Attribute | Description |
selectionDisabledColor | * |
public showClearIconWhenHasText: boolean source
For filterControl=textInput, if you specify an Filter Icon Style, setting this variable to true will clear show the icon only when there is text in the box.
Properties:
Name | Type | Attribute | Description |
showClearIconWhenHasText | * |
public showIconOnCellHover: boolean source
If set to true, icon only shows when user hovers over the cell.
Properties:
Name | Type | Attribute | Description |
showIconOnCellHover | * |
public showIconOnRowHover: boolean source
If set to true, icon only shows when user hovers over the row.
Properties:
Name | Type | Attribute | Description |
showIconOnRowHover | * |
public sortArrowSkin: * source
[Style(name="sortArrowSkin", type="Class", inherit="no")]
The class to use as the skin for the arrow that indicates the column sort
direction.
The default value for the Halo theme is mx.skins.halo.DataGridSortArrow
.
The default value for the Spark theme is mx.skins.spark.DataGridSortArrow
.
Properties:
Name | Type | Attribute | Description |
sortArrowSkin | * |
public sortCaseInsensitive: boolean source
To sort this column insensitive of case. Only set this to true for string data, if you set this to true for numeric or date data, the sort results will be incorrect.
Properties:
Name | Type | Attribute | Description |
sortCaseInsensitive | * |
public sortCompareFunction: Function source
A callback function that gets called when sorting the data in the column.
Properties:
Name | Type | Attribute | Description |
sortCompareFunction | * |
public sortNumeric: boolean source
To sort this column numerically.
Properties:
Name | Type | Attribute | Description |
sortNumeric | * |
public sortable: boolean source
Flag that indicates whether the user can click on the header of this column to sort the data provider.
Properties:
Name | Type | Attribute | Description |
sortable | * |
public textAlign: String source
[Style(name="textAlign", type="String", enumeration="left,center,right", inherit="yes")]
Alignment of text within a container.
Possible values are "left"
, "right"
,
or "center"
.
The default value for most components is "left"
.
For the FormItem component,
the default value is "right"
.
For the Button, LinkButton, and AccordionHeader components,
the default value is "center"
, and
this property is only recognized when the
labelPlacement
property is set to "left"
or
"right"
.
If labelPlacement
is set to "top"
or
"bottom"
, the text and any icon are centered.
Properties:
Name | Type | Attribute | Description |
textAlign | * |
public textDisabledColor: * source
[Style(name="textDisabledColor", type="uint", format="Color", inherit="yes")] The color of the text of a renderer when the component is disabled.
Properties:
Name | Type | Attribute | Description |
textDisabledColor | * |
public textRollOverColor: * source
[Style(name="textRollOverColor", type="uint", format="Color", inherit="yes")] Color of the text when the user rolls over a row.
Properties:
Name | Type | Attribute | Description |
textRollOverColor | * |
public textSelectedColor: * source
[Style(name="textSelectedColor", type="uint", format="Color", inherit="yes")] Color of the text when the user selects a row.
Properties:
Name | Type | Attribute | Description |
textSelectedColor | * |
public truncateToFit: boolean source
If this propery is true, the text that does not fit in the available size is truncated with "...".
Properties:
Name | Type | Attribute | Description |
truncateToFit | * |
public useCurrentDataProviderForFilterComboBoxValues: boolean source
Not supported
Properties:
Name | Type | Attribute | Description |
useCurrentDataProviderForFilterComboBoxValues | * |
public useFilterDataProviderForItemEditor: boolean source
For list based item editors, setting this flag will use the dataprovider from the filter mechanism for the item editor.
Properties:
Name | Type | Attribute | Description |
useFilterDataProviderForItemEditor | * |
public useHandCursor: boolean source
Uses a special itemrenderer, which causes the mouse to turn into a hand cursor on hover.
Properties:
Name | Type | Attribute | Description |
useHandCursor | * |
public useIconRollOverTimer: boolean source
Prior to dispatching the icon roll over, we use a timer so accidental roll over does not cause popups. But sometimes you need this behavior, for example for custom cursors over icons. set this to false in that case
Properties:
Name | Type | Attribute | Description |
useIconRollOverTimer | * |
public useLabelFunctionForFilterCompare: boolean source
Flag, that defaults to true, indicates that in client filter mode, use the label function to perform the search (opposed) comparison to using the raw value of the "searchField" property of the column.
Properties:
Name | Type | Attribute | Description |
useLabelFunctionForFilterCompare | * |
public useLabelFunctionForSortCompare: boolean source
When you set to true, a custom sortCompareFunction is applied that uses the labelFunction instead of the dataField.
Properties:
Name | Type | Attribute | Description |
useLabelFunctionForSortCompare | * |
public useUnderLine: boolean source
When true, if the renderer supports the text decoration style property, sets it to underline.
Properties:
Name | Type | Attribute | Description |
useUnderLine | * |
public verticalGridLineColor: * source
[Style(name="verticalGridLineColor", type="uint", format="Color", inherit="yes")] The color of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
verticalGridLineColor | * |
public verticalGridLineThickness: * source
[Style(name="verticalGridLineThickness", type="Number", format="Length", inherit="yes")] Thickness of the vertical grid lines.
Properties:
Name | Type | Attribute | Description |
verticalGridLineThickness | * |
public verticalGridLines: * source
[Style(name="verticalGridLines", type="Boolean", inherit="no")]
Flag that indicates whether to show vertical grid lines between
the columns.
If true
, shows vertical grid lines.
If false
, hides vertical grid lines.
Properties:
Name | Type | Attribute | Description |
verticalGridLines | * |
public wordWrap: boolean source
Flag to indicate that the text in this column can flow into multiple lines, based upon the width of the column. This flag is usually set in combination with the variableRowHeight flag on the grid. Below are the docs for the variableRowHeight tag:
Properties:
Name | Type | Attribute | Description |
wordWrap | * |
Public Methods
public calculateFooterValue(dataProvider: *, cell: flexiciousNmsp.FlexDataGridDataCell): String source
a. The default text of the footer is calculated on basis of the following logic:
i. First we check to see if a footerLabelFunction2 is specified on the column. If so, we use it.
ii. Second, we check to see if there is a footerLabelFunction specified on the column. If so, we use it.
iii. Finally, if neither of these is specified, we use a default footer label function, which performs the following logic:
- Checks to see the value of the columns footerOperation. The valid values for this property are sum, min, max, count and average. On basis of this , it computes the value.
- It calls toFixed method passing in the footerOperationPrecision value to give it the appropriate number of decimal places
- If there is a footerFormater specified, it calls the format method of the footerFormatter passing in the value and displays the result.
- If there is a footerLabel specified, it will concatenate the value of the footer label to the result of the calculated value in step 3.
Params:
Name | Type | Attribute | Description |
dataProvider | * | ||
cell | flexiciousNmsp.FlexDataGridDataCell |
public defaultIconFunction(cell: flexiciousNmsp.FlexDataGridDataCell, state: string): * source
Default Icon tooltip function. Returns value of the iconToolTip string.
Params:
Name | Type | Attribute | Description |
cell | flexiciousNmsp.FlexDataGridDataCell | ||
state | string |
Return:
* |
public defaultIconTooltipFunction(cell: flexiciousNmsp.FlexDataGridDataCell): string source
Default Icon tooltip function. Returns value of the iconToolTip string.
Params:
Name | Type | Attribute | Description |
cell | flexiciousNmsp.FlexDataGridDataCell |
public defaultLabelFunction(col: flexiciousNmsp.FlexDataGridDataCell, dataProvider: *): String source
- Checks to see the value of the columns footerOperation. The valid values for this property are sum, min, max, count and average. On basis of this , it computes the value.
- It calls toFixed method passing in the footerOperationPrecision value to give it the appropriate number of decimal places
- If there is a footerFormater specified, it calls the format method of the footerFormatter passing in the value and displays the result.
- If there is a footerLabel specified, it will concatenate the value of the footer label to the result of the calculated value in step 3.
Params:
Name | Type | Attribute | Description |
col | flexiciousNmsp.FlexDataGridDataCell | ||
dataProvider | * |
public deriveRenderer(chromeType: *): * source
Depending on the specified chrome type, gets the appropriate renderer. If truncateToFit or selectable is true, returns a label factory else returns a text field factory.
Params:
Name | Type | Attribute | Description |
chromeType | * |
Return:
* |
public dispatchEvent(event: *): * source
Whenever a tree datagrid event is dispatched at any column, we also dispatch it from the level so if someone wants to listen for an event at all columns...
Override:
EventDispatcher#dispatchEventParams:
Name | Type | Attribute | Description |
event | * |
Return:
* |
public doFormat(retVal: *): * source
The doFormat method returns formatted value on basis of the format properties (See description below)
If the input is null, returns null.
If there is a formatter specified, uses the formatter's format method to return a formatted value.
If the format property is specified and no formatter is specified, the column will instantiate
a formatter on basis of the value of the format property. The property can be one of 5 constants.
Params:
Name | Type | Attribute | Description |
retVal | * | String to format |
Return:
* | Formatted string. |
public getAdjacentColumn(num: number): flexiciousNmsp.FlexDataGridColumn source
Params:
Name | Type | Attribute | Description |
num | number |
Return:
flexiciousNmsp.FlexDataGridColumn |
public getColumnLockMode(): * source
In addition to the left locked and unlocked columns supported by the regular Flex DataGrid, Flexicious Ultimate supports right locked columns.
The grid supports the following selection modes:
1) LOCK_MODE_LEFT
2) LOCK_MODE_RIGHT
3) LOCK_MODE_NONE
If set to left, the column will be locked to the left and not scroll horizontally.
If set to right, the column will be locked to the right, and not scroll horizontally.
Please note, column lock modes only make sense if the horizontalScrollPolicy of the grid is set
to "on" or "auto", since if there is no horizontal scrollbar, locked columns behave like unlocked columns,
because there is no horizontal scroll. This horizontal scroll policy of the grid defaults to "off",
and changing this to "on" or "auto" affects the calculations that we perform in deciding the optimal
column widths, in that columns are no longer "squished" or "expanded" to fit the visible width of the grid.
The left and right locked section for grids with flat data are wide enough to accommodate the left and right
locked columns respectively. For nested grids, both left and right locked sections are wide enough to accommodate
the widest left and right locked columns at each level, and for the leftLocked section, we add the width of the
disclosure cells which is set via the nestIndent property for each level (it gets multiplied by the nestDepth for a tree look).
There are a few restrictions with left and right locked columns. They cannot be re-ordered.
Resizing them results in resizing the section that they are in.
Finally, resizing them is very slightly slower than resizing the unlocked columns,
because we have to redraw the grid on basis of updated section widths.
Return:
* |
public getColumnLockMode(): * source
In addition to the left locked and unlocked columns supported by the regular Flex DataGrid, Flexicious Ultimate supports right locked columns.
The grid supports the following selection modes:
1) LOCK_MODE_LEFT
2) LOCK_MODE_RIGHT
3) LOCK_MODE_NONE
If set to left, the column will be locked to the left and not scroll horizontally.
If set to right, the column will be locked to the right, and not scroll horizontally.
Please note, column lock modes only make sense if the horizontalScrollPolicy of the grid is set
to "on" or "auto", since if there is no horizontal scrollbar, locked columns behave like unlocked columns,
because there is no horizontal scroll. This horizontal scroll policy of the grid defaults to "off",
and changing this to "on" or "auto" affects the calculations that we perform in deciding the optimal
column widths, in that columns are no longer "squished" or "expanded" to fit the visible width of the grid.
The left and right locked section for grids with flat data are wide enough to accommodate the left and right
locked columns respectively. For nested grids, both left and right locked sections are wide enough to accommodate
the widest left and right locked columns at each level, and for the leftLocked section, we add the width of the
disclosure cells which is set via the nestIndent property for each level (it gets multiplied by the nestDepth for a tree look).
There are a few restrictions with left and right locked columns. They cannot be re-ordered.
Resizing them results in resizing the section that they are in.
Finally, resizing them is very slightly slower than resizing the unlocked columns,
because we have to redraw the grid on basis of updated section widths.
Return:
* |
public getColumnWidthMode(): * source
The columnWidthMode property on the column specifies how the column widths are applied. This property defaults to "none".
Flexicious Ultimate provides a rich mechanism to control column widths. Column widths are a complicated topic because there are a number of scenarios and rules that we need to account for
- When there is a horizontal scroll (horizontalScrollPolicy=on or auto):
In this case, the columns are free to (much) take width as they need. Below is how the column widths should
handle in this case:
- When columnWidthMode=none or fixed: The column will basically take the width specified by the width property
- When columnWidthMode=fitToContent The column will take the width calculated by its contents. The grid identifies the longest string to be displayed in this column, and sets the width of the column to this value.
- When columnWidthMode=percent. This is not a valid setting when horizontalScrollPolicy is on or auto. The setting will be ignored and the column will take the width specified by the width property. When horizontalScrollPolicy is set to auto or on, columnWidthMode=percent holds no meaning, since there are no fixed bounds to squish the columns within.
- When there is no horizontal scroll (horizontalScrollPolicy=off - this is the default):
- When columnWidthMode=none: The column will take the width specified by the width property, and adjust for width (see sum of Column Widths exceeds Grid Width below).
- When columnWidthMode=fixed: The column will take the width specified by the width property, and not adjust for width.
- When columnWidthMode=fitToContent: The column will take the width calculated by its contents, and adjust for width (see sum of Column Widths exceeds Grid Width below).
- When columnWidthMode=percent: For these columns, the grid divides the remaining width after allocating all fixed and fitToContent columns, on a percentage basis among all columns that have columnWidthMode set to percent. PLEASE NOTE : If you set columnWidthMode='percent', also set percentWidth. Also, ensure that the percentWidth of the columns adds up to a 100.
Finally, there are the below calculations once the column widths are allocated:
- Grid Width exceeds Sum of Column Widths:
The situation where the calcualted column widths do not add upto the grid with is also handled on basis of
the horizontalScrollPolicy.
- When there is a horizontal scroll (horizontalScrollPolicy=on or auto): The last column extends to fill up all the remaining space. If you do not want your last column to resize, add a dummy column that has the following property (order is important) minWidth="1" width="1" paddingLeft="0" paddingRight="0"
- When there is no horizontal scroll (horizontalScrollPolicy=off - this is the default): The extra width is divided proportionally between all the columns where columnWidthMode does not equal fixed.
Finally, with multi level grids, if the hierarchy's columns width in the top level is smaller than the next level's width (and the horizontal scroll policy of the grid is "on"/"auto"), the horizontal scroller will be calculated only by the top level's width, making some columns in the next level unreachable. The recommendation is to give a large column width to the last top level column, which is large enough so that sum of column widths at top level is larger than the sum of column widths at the bottom level.
Values : none,fixed,percent,fitToContent
Return:
* |
public getDataCellRenderer(): * source
Container for the item renderer. Needs to implement IFlexDataGridDataCell. Defaults to FlexDataGridDataCell
Return:
* |
public getDataField(): string source
The name of the field or property in the data provider item associated
with the column.
Each DataGridColumn control
requires this property and/or the labelFunction
property
to be set in order to calculate the displayable text for the item
renderer.
If the dataField
and labelFunction
properties are set,
the data is displayed using the labelFunction
and sorted
using the dataField
. If the property named in the
dataField
does not exist, the
sortCompareFunction
must be set for the sort to work
correctly.
This value of this property is not necessarily the String that
is displayed in the column header. This property is
used only to access the data in the data provider.
For more information, see the headerText
property.
If you specify a complex property ,the grid takes over the sortCompareFunction, and the sortField property is ignored.
public getDistinctValues(dp: object, collection: Array, addedCodes: Array, lvl: flexiciousNmsp.FlexDataGridColumnLevel): Array source
Returns this list of distinct values for this column, in a list of arraycollection which will have properties data and label.
public getEditable(): boolean source
Flag that indicates whether the items in the column are editable.
public getFilterRenderer(): * source
The actual control to render inside the header column. This control must implement the com.flexicious.controls.interfaces.filters.IFilterControl interface.
Return:
* |
public getHeaderText(cell: flexiciousNmsp.FlexDataGridDataCell): string source
Text for the header of this column. By default, the DataGrid
control uses the value of the dataField
property
as the header text. IF a headerTextFunction is specified, that
is used first.
Params:
Name | Type | Attribute | Description |
cell | flexiciousNmsp.FlexDataGridDataCell |
public getIconField(): string source
The property on the model object that returns the url to the icon, if you wish to show different icons for each cell.
Defaults to data field. If there are scenarios where you wish to show both the icon as well as the text, you can specify the iconField and the dataField. Otherwise, where you show just the icon, you can leave the iconField blank and have the data field specify the value of the icon url.
public getIsElastic(): boolean source
Returns true if the column is not right locked or IFixedWidth.
public getIsSortable(): boolean source
MX and Spark Grids implement the sortable differently, so to match the interface.
public getLabelFunction(value: *): Function source
A function that determines the text to display in this column. By default
the column displays the text for the field in the data that matches the
column name. However, sometimes you want to display text based on
more than one field in the data, or display something that does not
have the format that you want.
In such a case you specify a callback function using labelFunction
.
For the DataGrid control, the method signature has the following form:
labelFunction(item:Object, column:DataGridColumn):String
Where item
contains the DataGrid item object, and
column
specifies the DataGrid column.
A callback function might concatenate the firstName and lastName fields in the data, or do some custom formatting on a Date, or convert a number for the month into the string for the month.
Params:
Name | Type | Attribute | Description |
value | * |
public getLabelFunction2(value: *): Function source
A specialized function that determines the text to display in this column, and takes the actual cell being (a) evaluated parameter.
As opposed to the regular label function, this actually takes a FlexDataGridCell (a) object parameter, which contains the level information if you need to perform additonal logic. Please note, the cell parameter will be null in certain cases, like from the quickFind() method, where the cell is not currently drawn.
Example: labelFunction="myLabelFunc"
private String myLabelFunc(Object item, FlexDataGridColumn col, FlexDataGridCell cell ){ }
Params:
Name | Type | Attribute | Description |
value | * |
public getLevel(value: *): flexiciousNmsp.FlexDataGridColumnLevel source
Params:
Name | Type | Attribute | Description |
value | * |
Return:
flexiciousNmsp.FlexDataGridColumnLevel | level |
public getPersistenceKey(): string source
For datagrids where there are multiple columns with the same header text, this field may be specified so that the persistence mechanism does not overwrite it.
public getSearchField(): string source
The field that the filter should search on. Defaults to the dataField property from mx.controls.dataGridClasses.DataGridColumn. But can be overridden if needed.
For example, consider a grid bound to a list of Employee objects, with a departmentName and departmentId property. This column shows the departmentName, with a combobox filter or a multi-select filter using a list of departments as filterComboBoxDataProvider
By default, the comparison will occur using the selected label of the filter control being compared to the departmentName property of each employee. This is allright if the filterPageSortMode property of the com.flexicious.grids.ExtendedDataGrid is set to "client", but if it is "server" , you would ideally want to have the ID of the selected department(s). In that case, you would set the searchField property to "departmentId", filterComboBoxDataField to "departmentId", filterComboBoxLabelField to "departmentName".
public getSortField(): string source
Similar to searchField, if you want to override what the database actually sorts when you sort this column
public getSortFieldName(): string source
Similar to searchField, if you want to override what the database actually sorts when you sort this column
public getStyleValue(styleProp: string): object source
Gets the style value for the provided style property at the current level. If not defined at current level, gets the one defined at the grid level.
Params:
Name | Type | Attribute | Description |
styleProp | string |
public getUniqueIdentifier(): * source
A key used to uniquely identify a column. Defaults to the header text Used in print and preference persistence to identify columns.
Return:
* |
public getVisible(): boolean source
Flag that indicates whether the column is visible.
If true
, the column is visible.
public getX(): number source
Current X position of this column relative to the container for its cells.
public isValidStyleValue(val: *): boolean source
A function that is used when we have complex properties in the datafield.
Params:
Name | Type | Attribute | Description |
val | * |
public itemToLabel(data: object, cell: flexiciousNmsp.FlexDataGridCell): * source
Returns the String that the item renderer displays for the given data object.
0) If there is a linktext property specified on the column, this function returns that.
1) If the DataGridColumn or its DataGrid control
has a non-null labelFunction
property, it applies the function to the data object.
2) If the DataGridColumn or its DataGrid control
has a non-null labelFunction2
property, it applies the function to the data object.
3) Otherwise, the method extracts the contents of the field specified by the
dataField
property, or gets the string value of the data object.
4) If the method cannot convert the parameter to a String, it returns a
single space.
Params:
Name | Type | Attribute | Description |
data | object | ||
cell | flexiciousNmsp.FlexDataGridCell |
Return:
* | Displayable String based on the data. |
public itemToLabelCommon(item: object): String source
Params:
Name | Type | Attribute | Description |
item | object |
public setColumnLockMode(val: *) source
Params:
Name | Type | Attribute | Description |
val | * |
public setColumnLockMode(val: *) source
Params:
Name | Type | Attribute | Description |
val | * |
public setDataCellRenderer(value: *) source
Params:
Name | Type | Attribute | Description |
value | * |
public setDataField(value: *) source
Params:
Name | Type | Attribute | Description |
value | * |
public setFilterControl(val: *) source
The filter control to associate with this column. There are a number of built in filter controls, and you can even write your own by implementing the IFilterControl interface. To be implemented by any control that can participate in the filtering mechanism.
There are the following controls available out of the box:
Params:
Name | Type | Attribute | Description |
val | * |
public setFilterRenderer(value: *) source
Params:
Name | Type | Attribute | Description |
value | * |
public setFooterFormatter(val: *): * source
Formatter for the footer label
Params:
Name | Type | Attribute | Description |
val | * |
Return:
* |
public setLabelFunction2(value: Function) source
Params:
Name | Type | Attribute | Description |
value | Function |
public setPersistenceKey(val: *) source
Params:
Name | Type | Attribute | Description |
val | * |
public setSearchField(val: *) source
Params:
Name | Type | Attribute | Description |
val | * |
public setSortField(val: *) source
Params:
Name | Type | Attribute | Description |
val | * |
public setStyle(styleProp: string, value: *) source
Sets the value of the prop property on this object
Override:
EventDispatcher#setStyleParams:
Name | Type | Attribute | Description |
styleProp | string | ||
value | * |