From 7dff800b88129c356a9b91fa4a41a2138629c5d3 Mon Sep 17 00:00:00 2001 From: Sonia Vidal <svidal@asmws.com> Date: Thu, 23 Sep 2021 12:55:51 +0200 Subject: [PATCH] =?UTF-8?q?A=C3=B1adiendo=20un=20boton?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../homeDetailsList/components/HomeDetailsList.tsx | 13 ++++++++++++- .../components/IHomeDetailsListProps.ts | 2 ++ 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/src/webparts/homeDetailsList/components/HomeDetailsList.tsx b/src/webparts/homeDetailsList/components/HomeDetailsList.tsx index 2d888fb..14194ab 100644 --- a/src/webparts/homeDetailsList/components/HomeDetailsList.tsx +++ b/src/webparts/homeDetailsList/components/HomeDetailsList.tsx @@ -6,6 +6,7 @@ import { DetailsList, DetailsListLayoutMode, Selection, IColumn } from 'office-u import { MarqueeSelection } from 'office-ui-fabric-react/lib/MarqueeSelection'; import { Fabric } from 'office-ui-fabric-react/lib/Fabric'; import { mergeStyles } from 'office-ui-fabric-react/lib/Styling'; +import { PrimaryButton } from '@microsoft/office-ui-fabric-react-bundle'; const exampleChildClass = mergeStyles({ @@ -89,7 +90,12 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro public render(): React.ReactElement<IHomeDetailsListProps> { const { items, itemsAux, selectionDetails } = this.state; - + const {disabled, checked} = this.props + + function _alertClicked(): void { + alert('Clicked'); + } + return ( <Fabric> @@ -115,6 +121,11 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro checkButtonAriaLabel="Row checkbox" onItemInvoked={this._onItemInvoked} /> + <br /> + <PrimaryButton text="Añadir Productos" onClick={_alertClicked} allowDisabledFocus disabled={disabled} checked={checked} /> + <div> + + </div> </MarqueeSelection> </Fabric> ); diff --git a/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts b/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts index 2aaef01..1637630 100644 --- a/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts +++ b/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts @@ -1,3 +1,5 @@ export interface IHomeDetailsListProps { description: string; + disabled?: boolean; + checked?: boolean; } -- 2.18.1