正文 

当前位置： 首页 > 问答 >

如何在 PaginatedDataTable Flutter Web 中实现搜索

     2023-02-23     192

关键词：

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

Flutter：如何从 api 获取数据并在 PaginatedDataTable 中绑定

】Flutter：如何从api获取数据并在PaginatedDataTable中绑定【英文标题】：Flutter:HowtogetdatafromapiandbindinPaginatedDataTable【发布时间】：2021-10-1900:52:06【问题描述】：import\'dart:convert\';import\'package:flutter/material.dart\';import\'package:http/h 查看详情

如何在 FLTK 库中使用 Fl::awake

】如何在FLTK库中使用Fl::awake【英文标题】：HowtouseFl::awakeintheFLTKLibrary【发布时间】：2011-11-0917:42:05【问题描述】：我想使用Fl::awake(callback)函数在FLTK程序中从我的主循环调用函数。我从子线程调用Fl::awake，它返回1（成功），但... 查看详情

如何在 pyFltk 中使用 Fl_Tabs

】如何在pyFltk中使用Fl_Tabs【英文标题】：HowtouseFl_TabsinpyFltk【发布时间】：2016-02-2521:32:50【问题描述】：我正在尝试使用Fl_Tabs或Fl_Wizard制作纸牌游戏程序，但在pyFltk中找不到任何说明。是否有示例或任何文档显示创建Fl_Tabs的基... 查看详情

期望一个“用户”类型的值，但在尝试将 Firestore 数据获取到 Flutter Web 上的 PaginatedDataTable 时得到一个“Null”类型的值？

...”类型的值，但在尝试将Firestore数据获取到FlutterWeb上的PaginatedDataTable时得到一个“Null”类型的值？【英文标题】：Expectedavalueoftype\'User\',butgotoneoftype\'Null\'whiletryingtogetfirestoredataintoPaginatedDataTableonflutterweb?【发布时间】：2022-01-081 查看详情

如何在 FLTK 中远离 Fl_Button？

】如何在FLTK中远离Fl_Button？【英文标题】：HowcanItabawayfromaFl_ButtoninFLTK?【发布时间】：2020-05-0502:18:29【问题描述】：我有一个自定义类CustomButton，它扩展了Fl_Button。在我的屏幕上有一堆Fl_Input和CustomButton小部件，我希望能够使用t... 查看详情

FLTK：如何在停用的 Fl_Text_Editor 中启用滚动条

】FLTK：如何在停用的Fl_Text_Editor中启用滚动条【英文标题】：FLTK:HowtoenablescrollbarindeactivatedFl_Text_Editor【发布时间】：2015-01-0711:52:20【问题描述】：在某些情况下，我们想让Fl_Text_Editor中的文本不可编辑（例如，当用户加载只读文... 查看详情

实现对 PaginatedDataTable Flutter 的排序

】实现对PaginatedDataTableFlutter的排序【英文标题】：ImplementSortingtoPaginatedDataTableFlutter【发布时间】：2021-12-0614:48:58【问题描述】：我试图找到一个具有数据网格操作的小部件，我找到了PaginatedDataTable小部件，但我找不到任何实现... 查看详情

如何在卡片小部件中显示孩子，其中一个孩子是 fl 条形图？

】如何在卡片小部件中显示孩子，其中一个孩子是fl条形图？【英文标题】：Howtodisplaychildrenwithinacardwidget,andoneofthechildisflbarchart?【发布时间】：2021-10-0200:49:33【问题描述】：这是我运行flutterrun命令时出现在我的终端上的错误。... 查看详情

如何自动堆叠 FLTK 的 Fl_Input-objects 一个在另一个之下

】如何自动堆叠FLTK的Fl_Input-objects一个在另一个之下【英文标题】：HowtoautomaticallystackFLTK\'sFl_Input-objectsonebelowtheother【发布时间】：2015-06-1116:41:00【问题描述】：我创建了一个基于FLTK的Fl_Input-class的定制对象，该对象绘制屏幕输... 查看详情

如何在 Python 中的 Moviepy 中使用 fl_image 函数？

】如何在Python中的Moviepy中使用fl_image函数？【英文标题】：Howtousefl_imagefunctioninMoviepywithinPython?【发布时间】：2017-04-1907:47:45【问题描述】：我想使用不同的名称将视频保存到另一个文件中。因此，我有以下代码来处理这个问题... 查看详情

access的select语句如何like和in用在一起

原来的语句是select*from[信息]where[zz]Like'%xx%'and[分类]in('fl1','fl2','fl3')”)但发现查不到任何记录。求正确写法。这个大概的意思是，找到zz这个字段包含xx的记录，并且分类这个字段必须要是fl1或fl2或fl3参考... 查看详情

纯as3项目中如何引用fl包中的类

fl包在FlashIDE中是独立的类库，在Flex中是无法直接引用的，那么如果Flex想要使用FlashIDE中fl包该怎么办呢？需要在FlashIDE安装路径下，找到下面的flash.swc文件添加到Flex项目的libs中C:ProgramFilesAdobeAdobeFlashCC2015CommonConfigurationActionScript3... 查看详情

如何在单击按钮的确切时刻获取小部件的值 FLTK

】如何在单击按钮的确切时刻获取小部件的值FLTK【英文标题】：HowcanIgetthevalueofawidgettheexactmomentabuttonisclickedFLTK【发布时间】：2020-05-2219:30:12【问题描述】：目标是当我单击按钮时能够获取FL_Input等小部件的值。我可以做到这一... 查看详情

如何绘制多个矩形 FLTK C++

】如何绘制多个矩形FLTKC++【英文标题】：HowtodrawmultiplerectanglesFLTKC++【发布时间】：2019-07-1510:35:25【问题描述】：我正在尝试在fltk中创建一个程序，我按照这个示例进行操作#include<FL/Fl.H>#include<FL/Fl_Window.H>#include<FL/Fl_B... 查看详情

fl水果如何裁剪歌曲？

参考技术AFL水果裁剪歌曲的步骤如下：1、打开FL水果软件后打开自己的音乐库，把自己想要编辑的音乐按住直接拖进来即可。2、点亮song的灯，之前是黄色的PAT灯的，然后点击黑色三角现状的开始播放，会听到2首歌合在一起的音... 查看详情

如何通过按 Fl_Button 更改 Fl_Window 的背景颜色

】如何通过按Fl_Button更改Fl_Window的背景颜色【英文标题】：howtochangethebackgroundcolorofFl_WindowbypressingFl_Button【发布时间】：2017-03-2721:39:59【问题描述】：谁能告诉我，如何通过按Fl_Button来更改Fl_Window的背景颜色。我正在尝试这样做... 查看详情

Flutter 如何将裁剪器添加到 fl_chart (CustomPainter)

】Flutter如何将裁剪器添加到fl_chart(CustomPainter)【英文标题】：Flutterhowtoaddaclippertofl_chart(CustomPainter)【发布时间】：2020-12-1108:01:21【问题描述】：我有一个fl_chart(pub)，它显示在下面的gif图中。转换数据时，画家在图表边界之外进... 查看详情

如何将数据从扩展数据表源类传递到 StateFul 类

...FullClass【发布时间】：2021-03-3008:46:23【问题描述】：我有PaginatedDataTable并将源的PaginatedDataTable的属性放到另一个类中。这是代码classMainPageextendsStatefulWidgetMa 查看详情