office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
51 lines (50 loc) • 2 kB
TypeScript
import * as React from 'react';
import { ConstrainMode, DetailsList, DetailsListLayoutMode as LayoutMode, IColumn, IContextualMenuProps, IGroup } from '../../../../index';
import { SelectionMode } from '../../../../utilities/selection/interfaces';
import './DetailsList.Advanced.Example.scss';
export interface IDetailsListAdvancedExampleState {
items?: any[];
groups?: IGroup[];
layoutMode?: LayoutMode;
constrainMode?: ConstrainMode;
selectionMode?: SelectionMode;
canResizeColumns?: boolean;
columns?: IColumn[];
sortedColumnKey?: string;
isSortedDescending?: boolean;
contextualMenuProps?: IContextualMenuProps;
groupItemLimit?: number;
isLazyLoaded?: boolean;
isHeaderVisible?: boolean;
}
export declare class DetailsListAdvancedExample extends React.Component<any, IDetailsListAdvancedExampleState> {
refs: {
[key: string]: React.ReactInstance;
list: DetailsList;
};
private _isFetchingItems;
private _selection;
constructor();
render(): JSX.Element;
private _onDataMiss(index);
private _onToggleLazyLoad();
private _onToggleResizing();
private _onLayoutChanged(ev, menuItem);
private _onConstrainModeChanged(ev, menuItem);
private _onSelectionChanged(ev, menuItem);
private _onItemLimitChanged(value);
private _getCommandItems();
private _getContextualMenuProps(ev, column);
private _onItemInvoked(item, index);
private _onColumnClick(ev, column);
private _onContextualMenuDismissed();
private _onSortColumn(key, isSortedDescending);
private _onGroupByColumn(column);
private _groupByKey(groups, items, key);
private _groupItems(items, columnKey);
private _getGroups(groupedItems, key, parentGroup?);
private _getLeafGroupKey(key, separator);
private _onAddRow();
private _onDeleteRow();
private _buildColumns(items, canResizeColumns?, onColumnClick?, sortedColumnKey?, isSortedDescending?, groupedColumnKey?);
}