首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter:从DataTableSource中的方法更新PaginatedDataTable?

Flutter中的DataTableSource是一个抽象类,用于提供数据给PaginatedDataTable进行展示。要更新PaginatedDataTable,需要实现DataTableSource并重写其中的方法。

首先,我们需要创建一个自定义的DataTableSource类,该类需要继承自DataTableSource,并实现其中的方法。以下是一个示例:

代码语言:txt
复制
class CustomDataTableSource extends DataTableSource {
  List<DataRow> _rows = []; // 存储数据行的列表

  // 获取数据行的数量
  @override
  int get rowCount => _rows.length;

  // 是否有更多的数据行
  @override
  bool get isRowCountApproximate => false;

  // 选中的数据行数量
  @override
  int get selectedRowCount => 0;

  // 获取指定索引的数据行
  @override
  DataRow? getRow(int index) {
    if (index >= 0 && index < _rows.length) {
      return _rows[index];
    }
    return null;
  }

  // 添加数据行
  void addRow(DataRow row) {
    _rows.add(row);
    notifyListeners(); // 通知表格数据发生变化
  }

  // 移除数据行
  void removeRow(int index) {
    if (index >= 0 && index < _rows.length) {
      _rows.removeAt(index);
      notifyListeners(); // 通知表格数据发生变化
    }
  }
}

在上述示例中,我们创建了一个CustomDataTableSource类,其中包含了一个存储数据行的列表_rows。我们重写了DataTableSource中的方法,包括获取数据行数量、是否有更多的数据行、选中的数据行数量以及获取指定索引的数据行。我们还添加了两个自定义方法addRow和removeRow,用于添加和移除数据行,并在这两个方法中调用notifyListeners方法通知表格数据发生变化。

接下来,我们可以在使用PaginatedDataTable的地方使用CustomDataTableSource。以下是一个示例:

代码语言:txt
复制
CustomDataTableSource _tableSource = CustomDataTableSource();

PaginatedDataTable(
  header: Text('示例表格'),
  source: _tableSource,
  columns: [
    DataColumn(label: Text('列1')),
    DataColumn(label: Text('列2')),
    DataColumn(label: Text('列3')),
  ],
  rowsPerPage: 10,
)

在上述示例中,我们创建了一个CustomDataTableSource实例_tableSource,并将其作为PaginatedDataTable的source属性。我们还定义了表格的列,并设置了每页显示的行数为10。

要更新PaginatedDataTable中的数据,我们可以通过调用CustomDataTableSource中的addRow和removeRow方法来添加和移除数据行。例如:

代码语言:txt
复制
DataRow newRow = DataRow(cells: [
  DataCell(Text('数据1')),
  DataCell(Text('数据2')),
  DataCell(Text('数据3')),
]);

_tableSource.addRow(newRow); // 添加数据行
_tableSource.removeRow(0); // 移除第一行数据

在上述示例中,我们创建了一个新的数据行newRow,并通过调用_tableSource的addRow方法将其添加到表格中。我们还通过调用_tableSource的removeRow方法移除了第一行数据。

总结一下,要从DataTableSource中的方法更新PaginatedDataTable,我们需要创建一个自定义的DataTableSource类,并重写其中的方法。通过调用自定义DataTableSource的方法,我们可以添加、移除数据行,并通过调用notifyListeners方法通知表格数据发生变化。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Flutter 专题】132 图解 PaginatedDataTable 分页表格

    DataColumn 横向数据表头、DataRow 纵向数据列表、DataCell 数据表单元格以及 DataTableSource 数据来源; 而 PaginatedDataTable 分页数据表格也是通过...columns & source 作为基本 PaginatedDataTable 三个必要属性;其中 header 作为表格标题,不可为空,建议常用是 Text 也可以用 ButtonBar 按钮容器...onSort 回调来进行列表排序监听; source 是来自 DataTableSource数据源;主要实现四个抽象方法,分别是 getRow() 根据索引获取行内容、rowCount 数据源行数...rowsPerPage = value), 6. sortAscending & sortColumnIndex sortAscending 用于设置表格数据升序还是降序,需要配合 DataColumn ...数据源 DataRow 设置了 selected 属性;onSelectAll 为全选时回调,状态需要自己更新; showCheckboxColumn: true, onSelectAll: (state

    2.3K30

    Flutter 和 Dart 取消 Future 3 种方法

    本文将引导您了解在 Flutter 和 Dart 取消 future 3 种不同方法。 使用异步包(推荐) async包由 Dart 编程语言作者开发和发布。...按钮背景靛蓝变为红色,其标签“开始”变为“取消”,现在您可以使用它来取消Future。 如果您在Future完成前 5 秒内点击取消按钮,屏幕将显示“Future已被取消”。...一个演示价值超过一千字: 代码 1.通过执行以下操作安装异步包: flutter pub add async 然后运行: flutter pub get 2.main.dart 完整源代码(附解释...使用timeout()方法,您可以限制Future时间(例如 3 秒)。如果 future 及时完成,它值将被返回。...结论 你已经学会了不止一种方法来取消 Flutter Future。其中选择一个以在您应用程序实现,以使其在处理异步任务时更加健壮和吸引人。

    2.4K10

    布局诡异bug合集+解决方法更新

    1.元素内部子元素margin边界线基准点问题 论如何生硬起名字!!我反正已经被自己总结题目绕晕了。。。...) 解决成果: 内部子元素margin外边线是以父元素padding内边线为基准点,这样整个子元素都包裹在了父元素里边,包括margin。...所以这个方法是不可以。 有时候,给li里边a设置padding和margin等,就可以撑起li,究竟是怎么做到呢?...display:block;的话,你还得设置宽高,有时候根本就不能固定宽高,所以pass 那么内联元素进阶成内联块元素方法无疑是最好了。...方法: display:inline-block;  ——缺点:需要兼容ie float: left;      ——缺点:需要清除浮动,有时候说不定还不需要这个技能 -----------------

    68660

    Mysql锁表语句查看方法汇总(持续更新

    --- title: mysql锁表语句查看方法汇总 date: 2022-04-28 16:48:51 tags: MySQL categories: MySQL toc: true sidebar...下面我们单独看一下 Command 值: Binlog Dump: 主节点正在将二进制日志 ,同步到节点 Change User: 正在执行一个 change-user 操作 Close Stmt...: 正在关闭一个Prepared Statement 对象 Connect: 一个节点连上了主节点 Connect Out: 一个节点正在连主节点 Create DB: 正在执行一个create-database...操作 Execute: 正在执行一个 Prepared Statement Fetch: 正在从Prepared Statement 获取执行结果 Field List: 正在获取表列信息 Init...: 该线程正在生成 server-status 信息 Table Dump: 正在发送表内容到服务器 Time: Unused那么MySQL突然飙升,首先查询当下主库内正在运行线程以及是否有占用资源

    1.8K10

    Android 在子线程更新UI几种方法示例

    本文介绍了Android 在子线程更新UI几种方法示例,分享给大家,具体如下: 方式一:Handler和Message ① 实例化一个Handler并重写handlerMessage()方法 private...runOnUiThread(new Runnable() { @Override public void run() { // 更新UI操作 } }); 方式三:在子线程调用View...post()方法 myView.post(new Runnable() { @Override public void run() { // 更新UI myView.setText...(“更新UI”); }}); 方式四:在子线程调用View.PostDelayed(Runnabe,long) 对方式三对补充,long参数用于制定多少时间后运行后台进程 方式五:Handler...post()方法 ① 创建一个Handler成员变量 private Handler handler = new Handler(); ② 在子线程调动post()方法 handler.post(new

    5.5K31

    Akismet 黑名单洗白方法

    Jeff那个评论邮箱不幸被拉入黑名单更说明了这一点。前天跟我爱物联网博主确认是否我评论被判为垃圾评论了,还真是。...之前在某些博客上发表过评论,没有显示出来,看来国内某些博主素质真是太差了,随随便便就拉黑。唉,去网上查了些资料如何Akismet 黑名单洗白,接下来就分享给大家。...建议有评论这个爱好都是看看是否被拉黑了,Akismet 在WordPress 圈“装机率”还是挺高。 Akismet 黑名单洗白教程 1....进入Akismet联系页面,页面全英文,不过比较简单。...回答 那个简单数学问题 Your name 填你留言用网名 Your email 填你留言用邮箱 Your blog URL 你博客地址 API key (if known) 这里留空 Message

    98490

    React传入组件props改变时更新组件几种实现方法

    我们使用react时候常常需要在一个组件传入props更新时重新渲染该组件,常用方法是在componentWillReceiveProps中将新props更新到组件state(这种state...现在点击‘编辑’和‘新建’按钮,输入框文字并不会切换,因为点击‘编辑’和‘更新’时,虽然UserInputprops改变了但是并没有触发state更新。...问题二 假设页面加载完成后,会异步请求一些数据然后更新页面,如果用户在请求完成页面刷新之前已经在输入框输入了一些文字,随着页面的刷新输入框文字会被清除。...在父组件调用子组件方法设置state 如果某些情况下没有合适属性作为key,那么可以传入一个随机数或者自增数字作为key,或者我们可以在组件定义一个设置state方法并通过ref暴露给父组件使用...}); } 在App通过ref调用这个方法: ...

    5.1K30

    css布局 - 九宫格布局方法汇总(更新...)

    line-height: 200px; background: rgba(146, 203, 230, 0.65); border-radius: 8px; } 方法一...、祖父和亲爹里应外合 原理 原理:外层box盒子overflow和ul元素宽度死值相结合 其实换一种角度和思路,又是一个解决方法,不用margin负值,我们想要li要对其ul两端效果,之所以纠结是因为...---- 方法四、借助absolute方位值,实现自适应网格布局 原理 原理: 关键点 1. 2. 3....关键代码 ---- 方法五、cloumn多栏布局 原理 原理:cloumn设置三栏布局,这种还是自适应效果 关键点 1. box依旧做了最严格祖父,又是宽度限制,又是overflow决绝设卡。...关键代码 ---- 方法七、display:table; 原理 原理: 关键点 1. 2. 3. 关键代码

    2.3K20

    python3报错解决方法(长期更新) 原

    1、ImportError: No module named ‘DjangoUeditor’ 出错原因:安装DjangoUeditor库适用于python2,需要下载适用python3 下载地址:https...://github.com/twz915/DjangoUeditor3 2、python3环境安装xadmin时,UnicodeDecodeError: 'gbk' codec can't decode...byte 0xa4 README.rst这个文件编码有问题,可以内容没什么重要,可以直接到github上下载安装包 下载安装包,下载zip压缩文件,下载地址:https://github.com...替换成功后把完整压缩包放在pip目录下 执行命令行 pip install C:\Users\xianmengxuanling\Desktop\xadmin-master.zip ? ?...storage_engine'") django连接数据库时,配置 "OPTIONS":{"init_command":"SET storage_engine=INNODB;"} 如果mysql数据库版本是

    1K20
    领券