【问题标题】:How to implement search in PaginatedDataTable Flutter Web如何在 PaginatedDataTable Flutter Web 中实现搜索
【发布时间】:2021-03-29 15:33:22
【问题描述】:

嗨,我有一个 PaginatedDataTable,现在我想让它可以搜索,所以当我输入一些关键字时,它会根据用户输入的关键字显示数据......我一直在搜索一些关于它的文章,但我还没有找到...有人知道一些关于它的教程或文章或示例吗?

【问题讨论】:

  • 所以成为第一个创建本教程的人。 ;) 创建一个 TextField 有什么问题,它需要一个搜索和过滤列表,用作 PaginatedDataTable 的源?

标签: flutter datatable flutter-web searchable


【解决方案1】:
dataList: _searchController.text == ""
      ? widget.dataList
      : searchList,
actions: [
      AnimatedSearchBar(
          width: 300,
          textController: _searchController,
          onSuffixTap: () {
            setState(() {
              _searchController.text = "";
            });
          }),)]

它们是 PaginatedDataTable 属性

  @override
  void initState() {
    super.initState();
     if (searchableItemList.length != 0 && widget.dataList.length != 0) {
      _searchController.addListener(() {
        setState(() {
          searchList = dataList
        .where((element) => element
                .name
                .toLowerCase()
                .contains(controller.text.toLowerCase()))
        .toList();;
        });
      });
    }}

【讨论】:

  • 嘿,请花点时间阅读How to write a good answer?,您会意识到提供代码而不解释有时比根本不回答更糟糕,请在阅读提供的文档后相应地编辑您的答案.亲切的问候!
猜你喜欢
  • 2021-12-06
  • 2023-03-14
  • 2019-06-19
  • 2020-03-13
  • 2019-10-10
  • 2019-02-13
  • 2021-09-09
  • 1970-01-01
  • 2021-01-31
相关资源
最近更新 更多