Uses Buffering Http State Provider with SQLite backend

Development Change Log:

April 15, 2008 - fixed bug of error when used in last column. April 15, 2008 - GridView event handler is now installed in grid.afterRender sequence function. April 9, 2008 - introduced new config option hideMode (valid values are: 'visibility' and 'display'). If hideMode is visibility, the default, there is an empty space that would normally be occupied by the visible icon and if hideMode is display there is no such space and other visible icons are shifted to the left.

Description

This example shows how to use RowActions plugin. Row actions are small images, icons, optionally followed by a text, that fit into a grid column.

When an icon is clicked beforeaction event is fired first followed by action event. Action can be cancelled by returning false from beforeaction event handler.

Both events are fired with grid, record, action, rowIndex and colIndex parameters that can be used to identify and execute the requested action.

Icons, optional texts and icon tooltips can be defined either statically; they are same for all grid rows in this case, or they can be bound to the grid store record fields; they can be different in each grid row in this case.

This example shows actions bound to the grid records.

You can see the code used for this example by right clicking the page and selecting "View Page Source" item from the context menu.

The example is powered by Apache web server and PHP 5.2.5. PHP script that returns grid rows is included in the download package.

RowActions Documentation
RowActions Forum Thread

View Sources:
Ext.ux.grid.RowActions.js
Ext.ux.grid.RowActions.css
Ext.ux.state.HttpProvider.js
get-grid-data.php
state-sqlite.php
rowactions.html
rowactions.js
rowactions.css

Silk Icons

Downloads (development):

rowactions.tar.bz2
rowactions.tar.gz
rowactions.zip

Other Extensions and Plugins

StumbleUpon Toolbar


You are viewing a mobilized version of this site...
View original page here

Mobilized by Mowser Mowser