如何在 PaginatedDataTable Flutter Web 中实现搜索

Posted 2023-02-23

【中文标题】如何在 PaginatedDataTable Flutter Web 中实现搜索

【英文标题】：How to implement search in PaginatedDataTable Flutter Web

【发布时间】：2021-03-29 15:33:22

【问题描述】：

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

【问题讨论】：

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

【参考方案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?，您会意识到提供代码而不解释有时比根本不回答更糟糕，请在阅读提供的文档后相应地编辑您的答案.亲切的问候！