|
Project Wonder 5.0.0.8658 | |||||||||
| PREV CLASS NEXT CLASS | FRAMES NO FRAMES | |||||||||
| SUMMARY: NESTED | FIELD | CONSTR | METHOD | DETAIL: FIELD | CONSTR | METHOD | |||||||||
java.lang.Objectcom.webobjects.appserver.WOElement
com.webobjects.appserver.WOComponent
er.ajax.AjaxGrid
public class AjaxGrid
Ajax powered grid based on HTML Table that provides drag and drop column re-ordering, complex sorting, and the ability to embed components in cells. Class names and spans are used extensively to allow the display to be heavily customized with CSS.
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
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; // Enables (or disables) drag and drop reordering of columns
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
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";
}
);
}
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.
| Bindings | |
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 |
| Nested Class Summary |
|---|
| Nested classes/interfaces inherited from class com.webobjects.appserver.WOComponent |
|---|
WOComponent._EventLoggingEnabler, WOComponent.Event |
| Nested classes/interfaces inherited from interface com.webobjects.foundation.NSKeyValueCodingAdditions |
|---|
NSKeyValueCodingAdditions.DefaultImplementation, NSKeyValueCodingAdditions.Utility |
| Nested classes/interfaces inherited from interface com.webobjects.foundation.NSValidation |
|---|
NSValidation._MethodBinding, NSValidation._ValidationBinding, NSValidation.DefaultImplementation, NSValidation.Utility, NSValidation.ValidationException |
| Fields inherited from class com.webobjects.appserver.WOComponent |
|---|
_Extension, _IsEventLoggingEnabled, _keyAssociations, MINUSONE |
| Fields inherited from interface com.webobjects.foundation.NSKeyValueCoding.ErrorHandling |
|---|
_CLASS |
| Fields inherited from interface com.webobjects.foundation.NSKeyValueCodingAdditions |
|---|
_CLASS, _KeyPathSeparatorChar, KeyPathSeparator |
| Fields inherited from interface com.webobjects.foundation.NSValidation |
|---|
_CLASS |
| Constructor Summary | |
|---|---|
AjaxGrid(WOContext context)
|
|
| Method Summary | |
|---|---|
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() |
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()
|
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()
|
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. |
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. |
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 |
updateDisplayGroupSort()
Updates sort orders on the display group |
| Methods inherited from class java.lang.Object |
|---|
equals, finalize, getClass, hashCode, notify, notifyAll, wait, wait, wait |
| Field Detail |
|---|
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 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 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
| Constructor Detail |
|---|
public AjaxGrid(WOContext context)
| Method Detail |
|---|
public boolean synchronizesVariablesWithBindings()
synchronizesVariablesWithBindings in class WOComponent
public void appendToResponse(WOResponse response,
WOContext context)
appendToResponse in class WOComponentpublic void columnOrderUpdated()
public void sortOrderUpdated()
public void removeSorting()
public String removeSortingID()
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 column re-ordering is enabledpublic String tableID()
|
Last updated: Fri, Nov 21, 2008 04:36 AM EST | |||||||||
| PREV CLASS NEXT CLASS | FRAMES NO FRAMES | |||||||||
| SUMMARY: NESTED | FIELD | CONSTR | METHOD | DETAIL: FIELD | CONSTR | METHOD | |||||||||