New to KendoReactStart a free 30-day trial

PivotGridAxesEditorProps
Premium

Represents the props of the KendoReact PivotGridAxesEditor component.

NameTypeDefaultDescription

children?

any

The React elements that are passed as children to the rendered component.

jsx
<Field name="user.name" component="input">
  <span>Additional content</span>
</Field>

chipList?

CustomComponent<ChipListProps>

Overrides the default chipList component.

The default component is: KendoReactChipList.

className?

string

Sets the className props of the ClipList component.

component

string | ComponentType<any>

Can be set to a React component or to the name of an HTML element, for example, input, select, and textarea. The props that are passed to the component are the FieldRenderProps.

jsx
<Field name="user.name" component="input" />

field

string

Indicates which of the three available axes are represented by the editor:

  • columnAxes
  • rowAxes
  • measureAxes

name

string

The name of the field in the Form state. Supports nested fields in the user.age and users[index].name formats.

jsx
<Field name="user.age" component="input" />

onChange?

(event: any) => void

Called when the underlying editor triggers its onChange event and the Form updates its internal state. Useful for updating related fields.

The Form listens to this editor event and automatically keeps its internal state up to date.

That is why this event should be used only for executing custom logic.

jsx
const handleChange = event => console.log(event);
<Field name="user.name" component="input" onChange={handleChange} />

validator?

FieldValidatorType | FieldValidatorType[]

The validation functions for the Field level. Currently, validator supports only synchronous functions. Using the array overload with an inline array will cause an infinite loop. Use a useMemo hook to memoize the array instead.

jsx
const validator = value => value ? "" : "This field is required.";
<Field name="user.email" component="input" validator={validator} />

value

PivotGridAxis[]

Represents the value of the AxesEditor.

The value is an array of PivotGridAxis

Not finding the help you need?
Contact Support