Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
be1a3c93
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
be1a3c93
编写于
7月 24, 2023
作者:
O
openharmony_ci
提交者:
Gitee
7月 24, 2023
浏览文件
操作
浏览文件
下载
差异文件
!20761 【listItem、listItemGroup】d.ts新增接口未在文档示例中体现
Merge pull request !20761 from sunjiakun/branch_list
上级
b972a55c
7c377bf4
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
91 addition
and
0 deletion
+91
-0
zh-cn/application-dev/reference/arkui-ts/figures/listItem3.jpeg
...application-dev/reference/arkui-ts/figures/listItem3.jpeg
+0
-0
zh-cn/application-dev/reference/arkui-ts/figures/listItemGroup2.jpeg
...cation-dev/reference/arkui-ts/figures/listItemGroup2.jpeg
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-container-listitem.md
...plication-dev/reference/arkui-ts/ts-container-listitem.md
+39
-0
zh-cn/application-dev/reference/arkui-ts/ts-container-listitemgroup.md
...tion-dev/reference/arkui-ts/ts-container-listitemgroup.md
+52
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/listItem3.jpeg
0 → 100644
浏览文件 @
be1a3c93
12.6 KB
zh-cn/application-dev/reference/arkui-ts/figures/listItemGroup2.jpeg
0 → 100644
浏览文件 @
be1a3c93
67.4 KB
zh-cn/application-dev/reference/arkui-ts/ts-container-listitem.md
浏览文件 @
be1a3c93
...
...
@@ -192,3 +192,42 @@ struct ListItemExample2 {
}
```
![
deleteListItem
](
figures/deleteListItem.gif
)
## 示例3
```
ts
// xxx.ets
@
Entry
@
Component
struct
ListItemExample3
{
private
arr
:
any
=
[
ListItemStyle
.
CARD
,
ListItemStyle
.
CARD
,
ListItemStyle
.
NONE
]
build
()
{
Column
()
{
List
({
space
:
"
4vp
"
,
initialIndex
:
0
})
{
ListItemGroup
({
style
:
ListItemGroupStyle
.
CARD
}){
ForEach
(
this
.
arr
,
(
itemStyle
,
index
)
=>
{
ListItem
({
style
:
itemStyle
})
{
Text
(
""
+
index
)
.
width
(
"
100%
"
)
.
textAlign
(
TextAlign
.
Center
)
}
})
}
ForEach
(
this
.
arr
,
(
itemStyle
,
index
)
=>
{
ListItem
({
style
:
itemStyle
})
{
Text
(
""
+
index
)
.
width
(
"
100%
"
)
.
textAlign
(
TextAlign
.
Center
)
}
})
}
.
width
(
'
100%
'
)
.
multiSelectable
(
true
)
.
backgroundColor
(
0xDCDCDC
)
// 浅蓝色的List
}
.
width
(
'
100%
'
)
.
padding
({
top
:
5
})
}
}
```
![
ListItemStyle
](
figures/listItem3.jpeg
)
\ No newline at end of file
zh-cn/application-dev/reference/arkui-ts/ts-container-listitemgroup.md
浏览文件 @
be1a3c93
...
...
@@ -119,3 +119,55 @@ struct ListItemGroupExample {
```
![
zh-cn_image_0000001219864159
](
figures/zh-cn_image_listitemgroup.gif
)
-
示例2
```
ts
// xxx.ets
@
Entry
@
Component
struct
ListItemGroupExample2
{
private
arr
:
any
=
[
{
style
:
ListItemGroupStyle
.
CARD
,
itemStyles
:[
ListItemStyle
.
CARD
,
ListItemStyle
.
CARD
,
ListItemStyle
.
CARD
]
},
{
style
:
ListItemGroupStyle
.
CARD
,
itemStyles
:[
ListItemStyle
.
CARD
,
ListItemStyle
.
CARD
,
ListItemStyle
.
NONE
]
},
{
style
:
ListItemGroupStyle
.
CARD
,
itemStyles
:[
ListItemStyle
.
CARD
,
ListItemStyle
.
NONE
,
ListItemStyle
.
CARD
]
},
{
style
:
ListItemGroupStyle
.
NONE
,
itemStyles
:[
ListItemStyle
.
CARD
,
ListItemStyle
.
CARD
,
ListItemStyle
.
NONE
]
}
]
build
()
{
Column
()
{
List
({
space
:
"
4vp
"
,
initialIndex
:
0
})
{
ForEach
(
this
.
arr
,
(
item
,
index
)
=>
{
ListItemGroup
({
style
:
item
.
style
})
{
ForEach
(
item
.
itemStyles
,
(
itemStyle
,
itemIndex
)
=>
{
ListItem
({
style
:
itemStyle
})
{
Text
(
"
第
"
+
(
index
+
1
)
+
"
个Group中第
"
+
(
itemIndex
+
1
)
+
"
个item
"
)
.
width
(
"
100%
"
)
.
textAlign
(
TextAlign
.
Center
)
}
},
item
=>
item
)
}
})
}
.
width
(
'
100%
'
)
.
multiSelectable
(
true
)
.
backgroundColor
(
0xDCDCDC
)
// 浅蓝色的List
}
.
width
(
'
100%
'
)
.
padding
({
top
:
5
})
}
}
```
![
ListItemGroupStyle
](
figures/listItemGroup2.jpeg
)
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录