power apps 中不用gallery来做分页,使用datatable,点击按钮,每页只显示五行数据,并且不在datatable中使用rowNumber
时间: 2024-03-17 21:44:14 浏览: 27
在 Power Apps 中,您可以使用 DataTable 控件来显示数据,并使用按钮控件来实现分页功能。要实现每页只显示五行数据的功能,您可以使用以下步骤:
1. 创建一个数据集合,该数据集合包含需要显示的所有数据。
2. 创建一个变量,用于存储当前页数。例如,您可以创建一个名为 PageNumber 的变量,并将其初始化为 1。
3. 将 DataTable 控件的 Items 属性设置为以下公式:FirstN(DataCollection, PageNumber * 5)。这将显示数据集合中前 PageNumber * 5 行的数据。
4. 在 Power Apps 中添加两个按钮控件,一个用于向前翻页,另一个用于向后翻页。您可以将按钮的 OnSelect 属性设置为以下公式:
```
// 向前翻页
If(PageNumber > 1, Set(PageNumber, PageNumber - 1))
// 向后翻页
If((PageNumber * 5) < CountRows(DataCollection), Set(PageNumber, PageNumber + 1))
```
这将检查当前页数以确定是否可以向前或向后翻页,然后更新 PageNumber 变量的值以显示正确的数据。
5. 在 DataTable 控件中设置每行的高度为 50(或您想要的高度),以确保每页只显示五行数据。
通过这种方式,您可以在 Power Apps 中使用 DataTable 控件和按钮控件来实现分页功能,并且不需要使用 RowNumber 函数。
相关问题
power apps 中不用gallery来做分页,而是使用datatable,通过点击上下页按钮,每页只显示五行数据,并且datatable控件中items属性已经有了FilteredData,怎么实现
你可以使用 Power Apps 中的 DataTable 控件的 VisibleRows 属性来实现分页功能。首先,需要在页面上添加上下页按钮,并为它们分别添加 OnSelect 属性。在每次点击按钮时,你需要更新 DataTable 控件的 VisibleRows 属性,以便只显示当前页的数据。
以下是实现分页功能的示例代码:
1. 首先,你需要创建一个名为“PageIndex”的全局变量,用于跟踪当前页的索引。
2. 在每次点击上一页按钮时,减少“PageIndex”变量的值,并更新 DataTable 控件的 VisibleRows 属性,以显示当前页的数据。示例代码如下:
OnSelect:
UpdateContext({PageIndex:PageIndex-1});
UpdateContext({StartIndex:PageIndex*5});
UpdateContext({EndIndex:StartIndex+4});
UpdateContext({TotalPages:RoundUp(CountRows(FilteredData)/5,0)});
UpdateContext({CurrentPage:PageIndex+1})
3. 在每次点击下一页按钮时,增加“PageIndex”变量的值,并更新 DataTable 控件的 VisibleRows 属性,以显示当前页的数据。示例代码如下:
OnSelect:
UpdateContext({PageIndex:PageIndex+1});
UpdateContext({StartIndex:PageIndex*5});
UpdateContext({EndIndex:StartIndex+4});
UpdateContext({TotalPages:RoundUp(CountRows(FilteredData)/5,0)});
UpdateContext({CurrentPage:PageIndex+1})
4. 最后,你需要设置 DataTable 控件的 VisibleRows 属性,以便只显示当前页的数据。示例代码如下:
VisibleRows:
Filter(
FilteredData,
And(
RowNumber >= StartIndex+1,
RowNumber <= EndIndex+1
)
)
通过以上步骤,你可以在 Power Apps 中实现使用 DataTable 控件来分页显示数据的功能。
写一个powerapps,通过按钮实现datatable的分页功能,每页只显示五行数据,不使用gallery控件,其中datatable控件中items被定义为filteredData
好的,以下是实现步骤:
1. 在PowerApps中创建一个新的屏幕,并添加一个按钮控件。
2. 在按钮的OnSelect属性中输入以下代码:
```
Set(pageNumber, 1);
```
这将创建一个名为“pageNumber”的变量,并将其设置为1,表示我们将从第一页开始显示数据。
3. 在DataTable控件中,将items属性设置为filteredData。
4. 在DataTable控件中,将pageSize属性设置为5,表示每页显示5行数据。
5. 在DataTable控件中,将pageIndex属性设置为pageNumber-1,因为DataTable控件的pageIndex属性是从0开始的。
6. 在按钮的OnSelect属性中输入以下代码:
```
Set(pageNumber, pageNumber + 1);
```
这将将pageNumber变量增加1,表示我们将显示下一页的数据。
7. 在DataTable控件中,将pageIndex属性设置为pageNumber-1,以更新当前显示的数据页。
8. 在按钮的Visible属性中输入以下代码:
```
If(pageNumber <= CountRows(filteredData)/5, true, false)
```
这将检查pageNumber是否小于或等于总行数除以5,如果是,则按钮可见,否则不可见。
9. 在DataTable控件中,将showPagination属性设置为false,以隐藏DataTable控件自带的分页控件。
完成以上步骤后,点击按钮将会显示下一页的数据,每页显示5行。注意,如果数据不足以填满一页,则不会显示下一页按钮。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)