Commit cff26bac authored by Jesus Sanchez's avatar Jesus Sanchez

ok

parent ced761cb
...@@ -25,6 +25,7 @@ export interface IDetailsListBasicExampleItem { ...@@ -25,6 +25,7 @@ export interface IDetailsListBasicExampleItem {
export interface IDetailsListBasicExampleState { export interface IDetailsListBasicExampleState {
items: IDetailsListBasicExampleItem[]; items: IDetailsListBasicExampleItem[];
selectionDetails: string; selectionDetails: string;
itemsAux: IDetailsListBasicExampleItem[];
} }
export default class HomeDetailsList extends React.Component<IHomeDetailsListProps, IDetailsListBasicExampleState> { export default class HomeDetailsList extends React.Component<IHomeDetailsListProps, IDetailsListBasicExampleState> {
...@@ -65,7 +66,8 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro ...@@ -65,7 +66,8 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
} }
], ],
selectionDetails: '' selectionDetails: '',
itemsAux: []
}; };
this._selection = new Selection({ this._selection = new Selection({
...@@ -81,9 +83,12 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro ...@@ -81,9 +83,12 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
} }
componentDidMount() {
this.setState({ itemsAux: this.state.items });
}
public render(): React.ReactElement<IHomeDetailsListProps> { public render(): React.ReactElement<IHomeDetailsListProps> {
const { items, selectionDetails } = this.state; const { items, itemsAux, selectionDetails } = this.state;
return ( return (
...@@ -99,7 +104,7 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro ...@@ -99,7 +104,7 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
<Announced message={`Number of items after filter applied: ${items.length}.`} /> <Announced message={`Number of items after filter applied: ${items.length}.`} />
<MarqueeSelection selection={this._selection}> <MarqueeSelection selection={this._selection}>
<DetailsList <DetailsList
items={items} items={itemsAux}
columns={this._columns} columns={this._columns}
setKey="set" setKey="set"
layoutMode={DetailsListLayoutMode.justified} layoutMode={DetailsListLayoutMode.justified}
...@@ -131,11 +136,11 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro ...@@ -131,11 +136,11 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
this.setState({ this.setState({
items: text ? this.state.items.filter(i => i.name.toLowerCase().indexOf(text) > -1) : this.state.items, itemsAux: text ? this.state.items.filter(i => i.name.toLowerCase().indexOf(text) > -1) : this.state.items,
}); });
alert(`que es lo que aparece: ${text} ${this.state.items.length}`); //alert(`que es lo que aparece: ${text} ${this.state.items.length}`);
} }
private _onItemInvoked = (item: IDetailsListBasicExampleItem): void => { private _onItemInvoked = (item: IDetailsListBasicExampleItem): void => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment