office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 1.45 kB
JavaScript
module.exports = "/* tslint:disable:no-unused-variable */\r\nimport * as React from 'react';\r\n/* tslint:enable:no-unused-variable */\r\nimport {\r\n DetailsList,\r\n DetailsRow,\r\n css,\r\n autobind\r\n} from '../../../../index';\r\nimport { createListItems } from '../../../utilities/data';\r\nimport './DetailsListExample.scss';\r\n\r\nlet _items: any[];\r\n\r\nexport class DetailsListCustomRowsExample extends React.Component<any, any> {\r\n constructor() {\r\n super();\r\n\r\n _items = _items || createListItems(500);\r\n }\r\n\r\n public render() {\r\n return (\r\n <DetailsList\r\n items={ _items }\r\n setKey='set'\r\n onRenderRow={ this._onRenderRow }\r\n />\r\n );\r\n }\r\n\r\n @autobind\r\n private _onRenderRow(props) {\r\n return <DetailsRow { ...props } onRenderCheck={ this._onRenderCheck } />;\r\n }\r\n\r\n @autobind\r\n private _onRenderCheck(props) {\r\n return (\r\n <div\r\n className={ css(\r\n 'ms-DetailsRow-check DetailsListExample-customCheck', {\r\n 'is-any-selected': props.anySelected\r\n }) }\r\n role='button'\r\n aria-pressed={ props.isSelected }\r\n data-selection-toggle={ true }\r\n aria-label={ props.ariaLabel }\r\n >\r\n <input\r\n type='checkbox'\r\n checked={ props.isSelected }\r\n />\r\n </div>\r\n );\r\n }\r\n}\r\n";