Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rsoesemann/visualforce-table-grid

Flexible and highly customizable Visualforce table grid component. Salesforce.com Classic Look and Feel.
https://github.com/rsoesemann/visualforce-table-grid

apex grid-visualforce-component jquery-ui salesforce tab tablegrid

Last synced: 24 days ago
JSON representation

Flexible and highly customizable Visualforce table grid component. Salesforce.com Classic Look and Feel.

Awesome Lists containing this project

README

        

# Visualforce TableGrid #


Deploy to Salesforce

[Usage](#usage-examples) | [Know Issues/Todos](#known-issuestodos) | [Third Party Code](#third-party-code) | [Licence](#visualforce-tablegrid-license)

TableGrid is a free, open-source Force.com library, that provides users and developers a *highly customizable, native-looking, sortable, filterable, editable* Grid Visualforce component.
This component can be used as an advanced, highly configurable (by developer and user) replacement of s and Standard Related Lists.

![Two instances of Visualforce TableGrid, one read-only and one editable version.](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/grid.png)

## Features: ##
- Native Salesforce.com Look And Feel
- Works as Standalone table grid or as an embedded replacement for Related List
- Works as replacement for Standard Lookup popups with
- Works for Standard and Custom SObjects
- Spreadsheet-like Cell-Editing
- Delete Muliple records
- Pagination with cutomizable page size
- Filter Builder UI to let users filter records
- Field Selection UI to let users customize columns
- Each user`s customizations can be auto-saved in a "database-cookie"

## Usage Examples ##
Please see `components/tableGrid.component` for a detailed description of all attributes. The following examples should give
you enough information to get started.

### TableGrid in a standalone Visualforce page

![TableGrid in List mode with Customizations turned on](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/customizable.png)

This snippet is taken from the sample page `pages/tableGridStandalone.page`.



...

...


### TableGrid embedded into Standard Page Layouts

![Two TableGrid instanced replacing Standard Related Lists in a Standard Page Layout](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/tableGrid_embedded.png)

This snippet is taken from the sample page `pages/tableGridRelatedList.page` and `pages/tableGridEmbedded.page`



...







...

### TableGrid as an Advanced Lookup Popup

![TableGrid as an Advanced Lookup Popup](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/advancedLookup.png)

This snippet is taken from the sample page `pages/tableGridAdvancedLookup.page`.



...



...



## Known Issues/Todos ##
- *Performance* (loading, partial rerender, select rows,...)
- Reduce Viewstate
- Replace ActionSupport with Javascript Remoting
- Reduce Markup-Size
- Allow for more than 10.000 result records: For pagination I am using the `StandardSetController`, which seems to have this restriction.
- Allow to filter also for read-only fields in FilterBuilder without loosing the context-sensitive input fields.
- Optionally replace pagination with Infinite Scroll.
- Fix Bugs:
- FilterBuilder does not clear value field when switching field
- Save/Delete selected buttons are not activated when checkbox is selected
- ...

## Third-party Code ##

This library makes use of a number of third-party components:

- [jQuery](http://jquery.com), the javascript library to make it easy to write javascript.
- [jQuery UI](http://jqueryui.com), jQuery UI library
- [jQuery BlockUI Plugin](http://http://jquery.malsup.com/block/), the jQuery plugin blocking parts of the UI.
- [Apex-Select-Option-Sorting](https://github.com/abhinavguptas/Apex-Select-Option-Sorting), an Apex sort utility class for SelectOptions