public class AjaxGrid extends WOComponent
The data is taken from a WODisplayGroup. Use er.extensions.ERXBatchingDisplayGroup to provide high performance access to large data sets.
Navigation between batches is not implemented as implementing in it another component bound to the display group will allow for a more flexible UI.
{ tableID = "exampleAjaxGrid"; // Goes on main table tag updateContainerID = "ajaxGridContainer"; // Goes on div wrapping table, used with AjaxUpdate* components updateFrequency = 60; // Optional frequency of automatic updates of the grid contents // This function uses the Ajax.PeriodicalUpdater which does an // update when it is first created, rather than waiting for the // frequency time before making the first request cssClass = "ajaxGrid"; // CSS class attribute on main table tag, optional cssStyle = "border: thin solid #000000;"; // CSS style attribute on main table tag, optional evenRowCSSClass = "yellowBackground"; // CSS class attribute on even rows, optional oddRowCSSClass = "greyBackground"; // CSS class attribute on odd rows, optional evenRowCSSStyle = "background:lightyellow;" // CSS style attribute on even rows, optional oddRowCSSStyle = "background:lightgrey;"; // CSS style attribute on odd rows, optional showRowSelector = true; // Optional, defaults to true, if false no UI is shown to select a row - the cell has only selectedRowCSSClass = "yellowBackground"; // Secondary CSS class attribute on selected rows, optional unselectedRowCSSClass = "greyBackground"; // Secondary CSS class attribute on unselected rows, optional selectedRowCSSStyle = "background:lightyellow;"; // Secondary CSS style attribute on selected rows, optional unselectedRowCSSStyle = "background:lightgrey;";// Secondary CSS style attribute on unselected rows, optional canReorder = true; // Optional, defaults to true, Enables (or disables) drag and drop reordering of columns canResort = true; // Optional, defaults to true, Enables (or disables) sorting by clicking the column titles dragHeaderOnly = true; // Optional, defaults to false, true if only the title/header cells can // be dragged to re-order columns batchSize = 10; // Controls size of batch in display group, use zero for no batching rowIdentifier = adKey; // Optional, key path into row returning a unique identifier for the row // rowIdentifier is used to build HTML ID attributes, so a String or Number works best er.extensions.ERXWORepetition.checkHashCodes = true; // Optional override for global ERXWORepetition setting columns = ( // List of columns to display, controls the initial display order { title = "Name"; // Title for this column in the table header row keyPath = "fullName"; // Key path into row returning the data to display in this colunmn }, // keyPath is optional if component is specified { title = "Department"; keyPath = "department.name"; sortPath = "department.code"; // sortPath is an optional path to sort this column on, defaults to keyPath // This is useful if keyPath points to something that can't be sorted or a // different sort order is need, e.g. here by Department Code rather than name. // It can also be used when component is used to provide a sorting for the column }, { title = "Hire Date"; keyPath = "hireDate"; formatterClass = "com.webobjects.foundation.NSTimestampFormatter"; // Class of formatter to apply to values in this column formatPattern = "%m/%d/%y"; // Optional pattern if needed by formatter }, { title = "Salary"; keyPath = "salary"; formatterClass = "com.webobjects.foundation.NSNumberFormatter"; formatPattern = "$###,##0.00"; cssClass = "alignRight"; // CSS class attribute td tag in this column, optional }, { title = "Vacation Days"; keyPath = "daysVacation"; formatterClass = "com.webobjects.foundation.NSNumberFormatter"; cssStyle = "text-align: right;"; // CSS style attribute td tag in this column, useful for text-align and width, optional }, { title = "Actions"; keyPath = ""; // Missing or empty keypath results in the current object itself being passed to component component = "EmployeeActions"; // Name of WOComponent to be displayed in this column. Gets passed two bindings: value (Object), // and grid (AjaxGrid) so that any other needed data can be accessed cssClass = "alignCenter"; } ); sortOrder = ( { keyPath = "department.code"; // If the related column definition uses sortPath, this keyPath should match it // This was left as keyPath (rather than sortPath) for backwards compatibility direction = "ascending"; }, { keyPath = "salary"; direction = "descending"; }, { keyPath = "daysVacation"; direction = "ascending"; } ); // This sort is always present so that if the grid is sorted with some ordering where mandatorySort = { // identical values span multiple batches, batch membership will not be indeterminate. keyPath = "masterAdKey"; // This will only function if this sorting is quite unique (e.g. like a PK). direction = "ascending"; // If this sort is also present in sortOrder (above), it will not be duplicated }; // but will still always be present. If the user has not manually selected it, // it will not be indicated in the UI. }
public NSMutableDictionary configData() { if (configData == null) { // Get data from user preferences here if available, otherwise load the defaults configData = mySession().user().preferencesFor("AjaxGridExample"); if (configData == null) { NSData data = new NSData(application().resourceManager().bytesForResourceNamed("AjaxGridExampleConfiguration.plist", null, NSArray.EmptyArray)); configData = new NSMutableDictionary((NSDictionary) NSPropertyListSerialization.propertyListFromData(data, "UTF-8")); } } return configData; }
updateContainerID
gives the ID
for this. This can be used as the updateContainerID
in a
AjaxUpdateLink
or
<updateContainerID>Update()
can be called directly. This
results in a call to ajaxGrid_init('<tableID>');
to be
re-enable drag and drop on the table.
Here is an example. In this example, updateContainerID
is used
to update the grid, and then the NavBar
container is updated
manually from onComplete
. The reason for this is that the
grid needs to update first so that the correct values are available for
updating the NavBar
.
Relevant Configuration:
{ tableID = "exampleAjaxGrid"; updateContainerID = "ajaxGridContainer"; . . .WOD Bindings:
NavUpdater: AjaxUpdateContainer { id = "NavBar"; } NextBatch : AjaxUpdateLink { action = nextBatch; updateContainerID = "ajaxGridContainer"; onComplete = "function(request) { NavBarUpdate(); }"; }
Class Name | Used For |
---|---|
ajaxGridRemoveSorting | The th of cell containing link to remove all sorting |
ajaxGridColumnTitle | The th of cells containing column titles |
ajaxGridSortAscending | The span that wraps index and direction indicator of columns sorted in ascending order |
ajaxGridSortDescending | The span that wraps index and direction indicator of columns sorted in descending order |
ajaxGridSelectRow | The td of cells containing the row selection link |
span
tags wrapping default text content. These are there so
that the span wrapping the default content can be set to
display: none
and the content of the outer div given in CSS.
For this HTML:
<th class="ajaxGridRemoveSorting"><span>X</span><em> </em></th>The default X can replaced with an image with this CSS:
th.ajaxGridRemoveSorting a span {display: none;} th.ajaxGridRemoveSorting a em { background-image: url(http://vancouver.global-village.net/WebObjects/Frameworks/JavaDirectToWeb.framework/WebServerResources/trashcan-btn.gif); background-repeat:no-repeat; padding-right: 12px; padding-bottom: 5px; }You can also use
content
to replace the span content with text
if your browser (not IE) supports it.
Name | Description |
---|---|
displayGroup | required, WODisplayGroup acting as source and batching engine for the data to be displayed |
configurationData | required, NSMutableDictionary used to configure grid, see documentation for details |
selectedObjects | optional, NSMutableArray list of rows that the user has selected from the grid |
willUpdate | optional, Ajax action method called when the AjaxUpdateContainer is being updated, but before it renders its content |
afterUpdate | optional, JavaScript to execute client-side after the grid has updated |
updateContainerParameters | optional, passed as parameters binding to the AjaxUpdateContainer wrapping the grid |
Name | Description |
---|---|
er.extensions.ERXWORepetition.checkHashCodes | er.extensions.ERXWORepetition.checkHashCodes |
WOComponent._EventLoggingEnabler, WOComponent.Event
NSKeyValueCodingAdditions.DefaultImplementation, NSKeyValueCodingAdditions.Utility
NSKeyValueCoding._BooleanFieldBinding, NSKeyValueCoding._BooleanMethodBinding, NSKeyValueCoding._FieldBinding, NSKeyValueCoding._ForwardingBinding, NSKeyValueCoding._KeyBinding, NSKeyValueCoding._KeyBindingCreation, NSKeyValueCoding._MethodBinding, NSKeyValueCoding._NumberFieldBinding, NSKeyValueCoding._NumberMethodBinding, NSKeyValueCoding._ReflectionKeyBindingCreation, NSKeyValueCoding.ErrorHandling, NSKeyValueCoding.MapImplementation, NSKeyValueCoding.Null<T>, NSKeyValueCoding.UnknownKeyException, NSKeyValueCoding.ValueAccessor
NSValidation._MethodBinding, NSValidation._ValidationBinding, NSValidation.DefaultImplementation, NSValidation.Utility, NSValidation.ValidationException
_Extension, _IsEventLoggingEnabled, _keyAssociations
_CLASS
_CLASS, _KeyPathSeparatorChar, KeyPathSeparator
NullValue
_CLASS
Modifier and Type | Method and Description |
---|---|
String |
afterUpdate()
Binding value for onRefreshComplete function of AjaxUpdate container.
|
void |
appendToResponse(WOResponse response,
WOContext context)
Adds movecolumns.js to the header.
|
protected int |
batchSize()
Returns BATCH_SIZE value from configurationData()
|
boolean |
canReorder()
Returns CAN_REORDER value from configurationData(), or
true if not
configured. |
boolean |
canResort()
Returns CAN_RESORT value from configurationData(), or
true if not
configured. |
boolean |
checkHashCodes()
Allows configuration data to override ERXWORepetition default for checkHashCodes.
|
protected void |
clearCachedConfiguration()
Clears local cache of configuration data so that fresh data will be
cached.
|
String |
columnComponentName() |
Format |
columnFormatter() |
void |
columnOrderUpdated()
Ajax action method for when columns are dragged and dropped.
|
protected NSMutableArray |
columns()
Returns COLUMNS value from configurationData()
|
NSMutableDictionary |
columnsByKeypath() |
Object |
columnValue() |
NSMutableDictionary |
configurationData() |
void |
containerUpdated()
This method is called when the AjaxUpdateContainer is about to update.
|
NSDictionary |
currentColumn()
Cover method for item binding of a WORepetition.
|
String |
currentColumnID() |
int |
currentColumnSortIndex() |
NSMutableDictionary |
currentColumnSortOrder() |
String |
currentKeyPath() |
String |
currentSortPath() |
WODisplayGroup |
displayGroup() |
String |
dragHeaderOnly() |
String |
enableDragAndDrop()
Returns Javacript to (re)initialize drag and drop on the grid.
|
NSMutableDictionary |
formattersByKeypath() |
boolean |
hasMandatorySort() |
String |
initScript()
Script that goes on this page to initialize drag and drop on the grid
when the page loads / re-loads
|
boolean |
isCurrentColumnSorted() |
boolean |
isCurrentColumnSortedAscending() |
boolean |
isRowSelected() |
NSDictionary |
manadatorySortDictionary()
Returns a copy of the mandatory sort configuration with an
additional (dummy) value for the MANDATORY_SORT_ORDER_FLAG.
|
String |
manadatorySortKeyPath() |
void |
removeSorting()
Ajax action method for when control clicked to remove all sorting.
|
String |
removeSortingID() |
NSKeyValueCodingAdditions |
row()
Cover method for item binding of a WORepetition.
|
String |
rowClass()
Returns EVEN_ROW_CSS_CLASS or ODD_ROW_CSS_CLASS, depending on rowIndex(),
value from configurationData() followed by SELECTED_ROW_CSS_CLASS or
UNSELECTED_ROW_CSS_CLASS, depending on isRowSelected(), value from
configurationData()
|
String |
rowID()
Returns a value suitable for use as part of an HTML ID attribute that uniquely identifies this row.
|
String |
rowIdentifier()
Returns an optional key path into row that will return a value that uniquely identifies this row.
|
String |
rowIdentifierKey()
Returns a key into this row that produces a unique value for this row.
|
int |
rowIndex()
Cover method for index binding of a WORepetition.
|
String |
rowStyle()
Returns EVEN_ROW_CSS_STYLE or ODD_ROW_CSS_STYLE, depending on rowIndex(),
value from configurationData() folowed by SELECTED_ROW_CSS_STYLE or
UNSELECTED_ROW_CSS_STYLE, depending on isRowSelected(), value from
configurationData()
|
NSMutableArray |
selectedObjects()
This list is implemented by AjaxGrid and is not based on the display
group's selected objects.
|
void |
setColumnValue(Object value)
Method used with automatic synchronizing custom components.
|
void |
setCurrentColumn(NSDictionary newColumn)
Cover method for item binding of a WORepetition.
|
void |
setRow(NSKeyValueCodingAdditions newRow)
Cover method for item binding of a WORepetition.
|
void |
setRowIndex(int index)
Cover method for index binding of a WORepetition.
|
boolean |
showRowSelector() |
protected NSMutableArray |
sortOrders()
Returns SORT_ORDER value from configurationData()
|
NSMutableDictionary |
sortOrdersByKeypath() |
void |
sortOrderUpdated()
Ajax action method for when column titles are clicked to change sorting.
|
boolean |
synchronizesVariablesWithBindings() |
String |
tableID()
Returns TABLE_ID value from configurationData()
|
AjaxGrid |
thisComponent() |
void |
toggleRowSelection()
Toggles inclusion of row into selectedObjects() (i.e.
|
String |
toggleRowSelectionID() |
protected void |
updateBatchSize()
Updates numberOfObjectsPerBatch on the display group
|
static void |
updateBatchSize(WODisplayGroup dg,
int batchSize)
Updates numberOfObjectsPerBatch on the display group.
|
protected void |
updateDisplayGroupSort()
Updates sort orders on the display group.
|
static void |
updateDisplayGroupSort(WODisplayGroup dg,
NSArray sortConfig)
Updates sort orders on the display group.
|
__valueForBinding, _associationWithName, _awakeInContext, _childTemplate, _cleanUpStatelessComponent, _componentDefinition, _componentUnroll, _isPage, _setContext, _setIsPage, _setParent, _setSubcomponent, _sleepInContext, _subcomponentForElementWithID, _templateNameForClass, _unroll, application, awake, baseURL, bindingKeys, canAccessFieldsDirectly, canGetValueForBinding, canSetValueForBinding, clone, context, debugString, descriptionForResponse, ensureAwakeInContext, frameworkName, generateResponse, handleQueryWithUnboundKey, handleTakeValueForUnboundKey, hasBinding, hasSession, invokeAction, isCachingEnabled, isEventLoggingEnabled, isStateless, logString, name, pageWithName, parent, path, pathURL, performParentAction, pullValuesFromParent, pushValuesToParent, reset, session, set_componentUnroll, set_unroll, setCachingEnabled, setValueForBinding, setVariableValueForName, sleep, takeValueForKey, takeValueForKeyPath, takeValuesFromRequest, template, templateWithHTMLString, templateWithHTMLString, templateWithHTMLString, templateWithName, toString, unableToSetNullForKey, validateTakeValueForKeyPath, validateValueForKey, validationFailedWithException, valueForBinding, valueForBooleanBinding, valueForIntegerBinding, valueForKey, valueForKeyPath, valueForNSArrayBindings, valueForNSDictionaryBindings, valueForNumberBinding, valueForStringBinding, variableValueForName, variableWithName
public static final String TITLE
public static final String KEY_PATH
public static final String SORT_PATH
public static final String SORT_DIRECTION
public static final String SORT_ASCENDING
public static final String SORT_DESCENDING
public static final String SORT_ORDER
public static final String COLUMNS
public static final String BATCH_SIZE
public static final String UPDATE_CONTAINER_ID
public static final String TABLE_ID
public static final String ROW_IDENTIFIER
public static final String CAN_REORDER
public static final String CAN_RESORT
public static final String DRAG_HEADER_ONLY
public static final String SOURCE_COLUMN_FORM_VALUE
public static final String DESTINATION_COLUMN_FORM_VALUE
public static final String FORMATTER_CLASS
public static final String FORMAT_PATTERN
public static final String EVEN_ROW_CSS_CLASS
public static final String ODD_ROW_CSS_CLASS
public static final String EVEN_ROW_CSS_STYLE
public static final String ODD_ROW_CSS_STYLE
public static final String SHOW_ROW_SELECTOR
public static final String SELECTED_ROW_CSS_CLASS
public static final String UNSELECTED_ROW_CSS_CLASS
public static final String SELECTED_ROW_CSS_STYLE
public static final String UNSELECTED_ROW_CSS_STYLE
public static final String CONFIGURATION_UPDATED
public static final String COMPONENT_NAME
public static final String UPDATE_FREQUENCY
public static final String DISPLAY_GROUP_BINDING
public static final String CONFIGURATION_DATA_BINDING
public static final String SELECTED_OBJECTS_BINDING
public static final String WILL_UPDATE_BINDING
public static final String AFTER_UPDATE_BINDING
public static final String MANDATORY_SORT_ORDER_FLAG
public static final String MANDATORY_SORT
public static final String CHECK_HASH_CODES
public AjaxGrid(WOContext context)
public boolean synchronizesVariablesWithBindings()
synchronizesVariablesWithBindings
in class WOComponent
public void appendToResponse(WOResponse response, WOContext context)
appendToResponse
in class WOComponent
public void columnOrderUpdated()
public void sortOrderUpdated()
public void removeSorting()
public String removeSortingID()
public boolean hasMandatorySort()
true
if the configuration has anything under the MANDATORY_SORT keypublic NSDictionary manadatorySortDictionary()
sortOrders()
public String manadatorySortKeyPath()
public void containerUpdated()
public String initScript()
public String dragHeaderOnly()
public String afterUpdate()
public String enableDragAndDrop()
public NSMutableDictionary configurationData()
protected void clearCachedConfiguration()
public boolean canReorder()
true
if not
configured.true
if column re-ordering is enabledpublic boolean canResort()
true
if not
configured.true
if data sorting is enabledpublic String tableID()
public String rowIdentifier()
protected NSMutableArray columns()
protected NSMutableArray sortOrders()
protected int batchSize()
public String rowClass()
public String rowStyle()
public String rowID()
public String rowIdentifierKey()
public NSMutableDictionary columnsByKeypath()
public NSMutableDictionary sortOrdersByKeypath()
public NSMutableDictionary formattersByKeypath()
public static void updateDisplayGroupSort(WODisplayGroup dg, NSArray sortConfig)
dg
- the WODisplayGroup to set the sortOrderings ofsortConfig
- NSArray of sorts from grid configuration (not EOSortOrderings)protected void updateDisplayGroupSort()
public static void updateBatchSize(WODisplayGroup dg, int batchSize)
dg
- the WODisplayGroup to set the sortOrderings ofbatchSize
- batch size from grid configuration (not EOSortOrderings)protected void updateBatchSize()
public WODisplayGroup displayGroup()
public String currentColumnID()
public boolean isCurrentColumnSorted()
true
if currentColumn() is part of the sort
ordering but is not the mandatory sortpublic NSMutableDictionary currentColumnSortOrder()
public boolean isCurrentColumnSortedAscending()
true
if currentColumn() is part of the sort
ordering and is being sorted in ascending orderpublic int currentColumnSortIndex()
public Object columnValue()
public void setColumnValue(Object value)
value
- new value for row() in this columnpublic Format columnFormatter()
public String currentKeyPath()
public String currentSortPath()
public String columnComponentName()
public boolean showRowSelector()
true
if unsetpublic NSMutableArray selectedObjects()
public void toggleRowSelection()
public String toggleRowSelectionID()
public boolean isRowSelected()
true
if row() is in selectedObjects()public NSDictionary currentColumn()
public void setCurrentColumn(NSDictionary newColumn)
newColumn
- current column being renderedpublic NSKeyValueCodingAdditions row()
public void setRow(NSKeyValueCodingAdditions newRow)
newRow
- current row being renderedpublic int rowIndex()
public void setRowIndex(int index)
index
- inded of current row being renderedpublic AjaxGrid thisComponent()
public boolean checkHashCodes()
Copyright © 2002 – 2024 Project Wonder.