Documents

NextGrid & NextDBGrid

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

NextGrid

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

NextDBGrid

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

NextInspector

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

NextSheet

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

NextCollection

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

Misc

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

Labs

• NxReport Project

NextGrid .NET

• Working with tree
• Custom Drawing in NextGrid dot NET
• NextGrid Dot Net
• NextGrid Dot Net Events
• NextGrid dot NET Quick Start

Related Articles:

In this article we will explain how to work with Field Chooser component. With using Field Chooser component users are able to Show and Hide Columns in Run-Time!

Developer first need to define Fields (Columns) Categories, and then place single Columns inside this Categories. Users will be able then to drag and drop hidden columns from Field Chooser back to Grid and make this Column Visible!



Each Column may be placed in single or in several Categories, or there can be only one Category with all Columns.

1. Place component of form

Field Chooser (TNxFieldChooser) component is located inside "Next Suite" Tab/Category on Components Pallete. Double click on Field Chooser icon and component will be placed on Form.

Now place one NextGrid component and point Associate property of Field Chooser to this Grid, or some other existing NextGrid. Grid and Field Chooser doesn't need to be placed on same form.

2. Set column Categories

Field Chooser require at least one Category, but sometime is usefull to have several Categories inside Field Chooser.

Each Category have own Columns Collection and own Caption. To add new Category (and set Caption in same line) write:

NxFieldChooser1.AddCategory('Frequently-used Fields');

To delete Category write:

NxFieldChooser1.DeleteCategory(CategoryIndex);

To set Category Properties, user Categories array property:

NxFieldChooser1.Categories[CategoryIndex]...

Only one Category may be active in same time, to change Active Category, set Category property:

NxFieldChooser1.Category := CategoryIndex;

3. Add Columns into Category

After we have create Category, we can now add Columns inside it. Same Column may be in several categories.

To place Column inside Category, use Add method of Category:

NxFieldChooser.Categories[CategoryIndex].Add(NextGrid1.Columns[ColumnIndex]);

or you can add Column in same pass when adding Category:

with NxFieldChooser1.AddCategory('Common Fields') do
begin
  Add(NxTextColumn1);
  Add(NxTextColumn2);
  ...
end;

To add all Columns into Category, write:

NxFieldChooser.Categories[CategoryIndex].AddAllColumns;

If Column is already Hidden and we set this Category as current Category, Column's "Box" will be show inside Field Chooser and User will be able to drag it to the Grid.

To remove column from Category, use Delete method of Category:

NxFieldChooser.Categories[CategoryIndex].Delete(Index);

Conclusion

With using FieldChooser component your users will be able to more easy customize their Grids and you no more need to create own customizers. In upcoming versions we will add possibility for customizing Column's Alignment, Size...by double clicking on Column Box inside FieldChooser.

For more details download demo project source.