fieldChooser

The Field Chooser configuration options.

Type: Object

A field chooser is a pivot grid element that allows an end-user to configure data displayed in the pivot grid. To invoke the field chooser, right-click any pivot grid header and select the Show Field Chooser item. You can also display PivotGridFieldChooser as a separate widget.

Show Example:
AngularJS
Knockout
jQuery

In this demo, the field chooser is enabled. To invoke it, click the icon in the upper-left corner of the pivot grid.


                                    

                                    

In this demo, the field chooser is enabled. To invoke it, click the icon in the upper-left corner of the pivot grid.


                                    

                                    

In this demo, the field chooser is enabled. To invoke it, click the icon in the upper-left corner of the pivot grid.


                                    

                                    

enabled

Enables or disables the field chooser.

Type: Boolean
Default Value: true

Show Example:
AngularJS
Knockout
jQuery

Use the switch below the pivot grid to enable/disable the field chooser.


                                    

                                    

Use the switch below the pivot grid to enable/disable the field chooser.


                                    

                                    

Use the switch below the pivot grid to enable/disable the field chooser.


                                    

                                    

height

Specifies the field chooser height.

Type: Number
Default Value: 600

layout

Specifies the field chooser layout.

Type: Number
Default Value: 0
Accepted Values: 0 | 1 | 2

The image below shows different layout types.

The following abbreviations are used on the image.

  • A — All Fields
  • F — Filter Fields
  • R — Row Fields
  • C — Column Fields
  • D — Data Fields
Show Example:
AngularJS
Knockout
jQuery

Use the radio group below the pivot grid to change the layout of the field chooser.


                                    

                                    

Use the radio group below the pivot grid to change the layout of the field chooser.


                                    

                                    

Use the radio group below the pivot grid to change the layout of the field chooser.


                                    

                                    

texts

Strings that can be changed or localized in the pivot grid's integrated Field Chooser.

Type: Object
NOTE
Due to technical restrictions, you cannot obtain this object at runtime if you have not specified it beforehand when configuring the widget.

title

Specifies the text to display as a title of the field chooser popup window.

Type: String
Default Value: 'Field Chooser'

Show Example:
AngularJS
Knockout
jQuery

In this demo, you can change the title of the field chooser at runtime. Type any text in the text box below the pivot grid. Then, invoke the field chooser using the icon in the upper-left corner of the grid and check that the title has changed.


                                    

                                    

In this demo, you can change the title of the field chooser at runtime. Type any text in the text box below the pivot grid. Then, invoke the field chooser using the icon in the upper-left corner of the grid and check that the title has changed.


                                    

                                    

In this demo, you can change the title of the field chooser at runtime. Type any text in the text box below the pivot grid. Then, invoke the field chooser using the icon in the upper-left corner of the grid and check that the title has changed.


                                    

                                    

width

Specifies the field chooser width.

Type: Number
Default Value: 600