Documents

NextGrid & NextDBGrid

• Integrating Inplace Editors
• Upgrade existing projects for loading changes
• Grid Report Tutorial
• FieldChooser Tutorial
• Using Editors in runtime
• NextGrid How To
• Html Column Tutorial
• NextGrid Slide Style Tutorial
• InputLine Tutorial
• Edit events in NextGrid
• NextGrid Vista Style

NextGrid

• NextGrid Quick Start
• Graphic Column Tutorial
• Optimize NextGrid
• Custom Draw in NextGrid
• VirtualColumn Tutorial
• Export to XML from NextGrid
• NextGrid Custom Sorting
• TreeColumn Tutorial

NextDBGrid

• Sorting records in NextDBGrid
• NextDBGrid Events
• NextDBGrid Quick Start
• NextDBGrid How To
• LookupColumn Tutorial

NextInspector

• NextInspector Item Types
• NextInspector Quick Start
• NextDBInspector Tutorial
• NextInspector Advanced tutorial
• ToolbarItem tutorial
• Map VCL property to item

NextSheet

• Formating in NextSheet
• NextSheet Sample Project
• NextSheet Quick Start
• NextSheet Print Method

NextCollection

• NxInfoPanel Tutorial
• Vista Styled Panels
• NxPathControl and NxNotebook tutorial
• NxAlertWindow Tutorial
• NxPathControl Quick Start
• NxButton Tutorial
• NxOutlookBar Tutorial
• NxFlipPanel and NxHeaderPanel Quick Start
• NxPageControl and NxNotebook Quick Start

Misc

• DateTime FormatMask
• NxAutoCompletion Tutorial
• Using NxColorScheme
• NxComboBox styles
• Enable typing unicode characters in InplaceEditors
• NxProgress Tutorial
• NxPreview Quick Start
• Numeric FormatMask
• NxVirtualDataSet tutorial
• Component Names Change
• 32bit Bitmaps Tutorial
• Quick update

Labs

• NxReport Project

Related Articles:

In this article we will explain how to work with Grid in Report Style. Report Style is default Grid Style.

1. Column Header

In Report View each Column have own Header.

Header may have: Title (Caption prop.), Image (Glyph prop.) and own Color.

Also, Column Header may be Left, Center or Right Aligned (Alignment prop.). If you want to show Hint Baloon, set Hint property. There is also Orientation property (Horizontal and Vertical).

If you want to detect when user click on Header, use OnHeaderClick event and simply read ACol parameter:

procedure TForm1.NextGrid1HeaderClick(Sender: TObject;
  ACol: Integer);
begin
  ShowMessage(NextGrid1.Columns[ACol].Header.Caption);
end;

2. Input Line

When you want allow users to enter new values quickly into Grid, turn on Input Line. To show Input Line, set flag goInputLine in Options property to True.

Each column have own settings for InputLine. When you enter some text inside Input Line, property InputValue of Column will be set to this Value. If this property is empty, Grid may show grayed text inside Input Line (InputCaption prop.).

When user click somewhere else on Grid, or press Enter Key, values from Input Line will be added into new row.

To filter this values use OnInputAccept event:

procedure TForm1.NextGrid1InputAccept(Sender: TObject;
  var Accept: Boolean);
begin
  if NextGrid1.Columns[0].InputValue = 'test'
    then NextGrid1.Columns[0].InputValue := 'Testing';
  if NextGrid1.Columns[1].InputValue = '' then
  begin
    ShowMessage('Value for Column 1 is empty');
    Accept := False; // <--- cancel adding new row
  end;
end;

More info about using Input Line in InputLine Tutorial

3. Row Indicator

To turn on Grid Indicator, set goIndicator flag to True in Options property.

To enable Run-time Rows sizing, turn on goRowResizng flag inside Options property.

4. Column Footer

To turn on Grid Footer, set goFooter flag to True in Options property.

Similar to Column Header, Footer may have own Title (Caption property), Image (Glyph property) and Hint property.

There is also FormulaKind property which can be used for Column calculations. Supported formulas are: Min, Max, Count, Average, Distinct, Sum.