Documents

NextGrid & NextDBGrid

• Integrating Inplace Editors
• Upgrade existing projects for loading changes
• FieldChooser Tutorial
• 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
• NextGrid Custom Sorting
• TreeColumn Tutorial

NextDBGrid

• NextDBGrid Events
• NextDBGrid Quick Start
• LookupColumn Tutorial

NextInspector

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

NextSheet

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

NextCollection

• NxInfoPanel Tutorial
• 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
• Component Names Change
• 32bit Bitmaps Tutorial

Labs

• NxReport Project

Related Articles:

From version 3.3.3 each column have InplaceEditor property. This property allows you to attach any stand-alone TNxCustomEdit Inplace Editor to any Column Type!

For example, you may attach NxSpinEdit control to Progress Column, or to Rate Column. Also you can attach NxColorPicker to Text Column.

Setting standalone edit

First we need to place one NxEdit component (NxEdit, NxSpinEdit, NxColorPicker...) on form.

You can set any property such as Font, Color, Alignment, Glyph, Margin...



Also, you can set some of Events too.

Please note that events OnChange, OnKeyDown , OnKeyPress, OnEnter, OnExit will be delegated to Grid.

After you have finish with setting properties, turn Visible property to False, because this Edit control will be used only as Inplace Editor. Also, for better visual appearance, set BorderStyle to bsNone

2. Attach Edit to a Column

To attach edit to a Column simply set InplaceEdit to this edit component.



Also, don't foget to enable editing inside this column with setting coEditable to True inside Options property of Column.

Stand-alone editors may be also used inside Input Line. In that case don't forget to set coCanInput to True inside Options property of Column.