Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
D
DetailsList-FluentUI
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Sonia Vidal Gonzalez
DetailsList-FluentUI
Commits
cff26bac
Commit
cff26bac
authored
Sep 23, 2021
by
Jesus Sanchez
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
ok
parent
ced761cb
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
11 additions
and
6 deletions
+11
-6
HomeDetailsList.tsx
src/webparts/homeDetailsList/components/HomeDetailsList.tsx
+11
-6
No files found.
src/webparts/homeDetailsList/components/HomeDetailsList.tsx
View file @
cff26bac
...
@@ -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,9 +66,10 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
...
@@ -65,9 +66,10 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
}
}
],
],
selectionDetails
:
''
selectionDetails
:
''
,
itemsAux
:
[]
};
};
this
.
_selection
=
new
Selection
({
this
.
_selection
=
new
Selection
({
onSelectionChanged
:
()
=>
this
.
setState
({
selectionDetails
:
this
.
_getSelectionDetails
()
}),
onSelectionChanged
:
()
=>
this
.
setState
({
selectionDetails
:
this
.
_getSelectionDetails
()
}),
});
});
...
@@ -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=
{
items
Aux
}
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
,
items
Aux
:
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
=>
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment