Working With A Data Grid And Entering Data - MACROMEDIA COLDFUSION MX 61-DEVELOPING COLDFUSION MX Develop Manual

You can also do the following tasks with
•
Sort data in the grid alphanumerically
•
Update, insert, and delete data
•
Display images in the grid
Users can sort the grid entries in ascending order by double-clicking any column header. Double-
clicking again sorts the grid in descending order. You can also add sort buttons to the grid control.
When users select grid data and submit the form, ColdFusion passes the selection information as
form variables to the application page specified in the
Just as the
cftree
You can define a wide range of row and column formatting options, as well as a column name,
data type, selection options, and so on. You use the
columns in the grid or associate a query column with a grid column.
Use the
cfgridrow
query attribute is specified in
The tag provides many attributes that control grid behavior and appearance. This chapter
cfgrid
describes only the most important of these attributes. For detailed information on these
attributes, see CFML Reference

Working with a data grid and entering data

The following figure shows an example grid created using the
The following table describes some navigating tips:
Action
Sorting grid rows
Rearranging columns
Determining editable grid
areas
Determining noneditable
grid areas
596 Chapter 27: Building Dynamic Forms
tag uses ,
cftreeitem
tag to define a grid that does not use a query as the source for row data. If a
, the
cfgrid
.
Procedure
Double-click the column header to sort a column in ascending order.
Double-click again to sort the rows in descending order.
Click any column heading and drag the column to a new position.
When you click an editable cell, it is surrounded by a yellow box.
When you click a cell (or row or column) that you cannot edit, its
background color changes. The default color is salmon pink.
:
cfgrid
cfform action
uses the
cfgrid cfgridcolumn
cfgridcolumn
tags are ignored.
cfgridrow
cfgrid
attribute.
and
cfgridrow
tag to define individual
tag:
tags.