草庐IT

datatable - Flutter DataTable - 点击行

coder 2023-07-22 原文

我正在使用 Flutter DataTables 来显示购物车中的商品列表。现在我想编辑任何选定行的数量。有没有办法获取用户点击的行信息？

以下是我的DataTable的完整代码:

class _DataTableSampleState extends State<DataTableSample> {

  void _getSelectedRowInfo() {
    print('Selected Item Row Name Here...')
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('DataTable Sample'),
      ),
      body: Container(
        child: DataTable(
          onSelectAll: (b) {},
          sortAscending: true,
          columns: <DataColumn>[
            DataColumn(
              label: Text('Item'),
            ),
            DataColumn(
              label: Text('Price'),
            ),
          ],
          rows: items
              .map(
                (itemRow) => DataRow(
                      cells: [
                        DataCell(
                          Text(itemRow.itemName),
                          showEditIcon: false,
                          placeholder: false,
                        ),
                        DataCell(
                          Text(itemRow.itemPrice),
                          showEditIcon: true,
                          placeholder: false,
                          onTap: _getSelectedRowInfo,
                        ),
                      ],
                    ),
              )
              .toList(),
        ),
      ),
    );
  }
}

class ItemInfo {
  String itemName;
  String itemPrice;

  ItemInfo({
    this.itemName,
    this.itemPrice,
  });
}

var items = <ItemInfo>[
  ItemInfo(
    itemName: 'Item A',
    itemPrice: '250',
  ),
  ItemInfo(
    itemName: 'Item B',
    itemPrice: '100',
  ),
  ItemInfo(
    itemName: 'Item C',
    itemPrice: '150',
  ),
];

单击编辑图标时，将调用“_getSelectedRowInfo”方法。我想在此函数中获得选定/点击行的完整详细信息。

最佳答案

你可以使用onSelectChanged DataRow 的属性。

rows: items
    .map(
        (itemRow) => DataRow(
            onSelectChanged: (bool selected) {
                if (selected) {
                    log.add('row-selected: ${itemRow.index}');
                }
            },
            cells: [
                // ..
            ],
        ),

关于datatable - Flutter DataTable - 点击行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53190644/

datatablesection39itemPricedartflutter

有关datatable - Flutter DataTable - 点击行的更多相关文章

  1. ruby - Sinatra:点击 URL 时运行 ruby​​ 代码 - 2

    我想在每次访问url/code时运行一个脚本(code.rb)。如何运行脚本？require'sinatra'get'/'do#runthescriptend 最佳答案 要么fork另一个进程:system('rubycode.rb')...或者简单地将脚本加载到当前上下文中:load'code.rb'#*not*require 关于ruby-Sinatra:点击URL时运行ruby​​代码，我们在StackOverflow上找到一个类似的问题： https:

  2. ruby - 难倒点击与 nokogiri 和 Mechanize 的链接 - 2

    也许我做错了，或者还有另一种更有效的方法。这是我的问题:我首先使用nokogiri打开一个html文档并使用其css遍历该文档，直到找到我需要单击的链接。现在我有了链接后，如何使用Mechanize来点击它？根据文档，Mechanize.new返回的对象是字符串或Mechanize::Page::Link对象。我不能使用字符串-因为可能有100个相同的链接-我只想Mechanize点击nokogiri遍历的链接。有什么想法吗？ 最佳答案 找到所需的链接节点后，您可以手动创建Mechanize::Page::Link对象，然后单击它:

  3. ruby - Watir-Webdriver 是否支持点击目标为 javascript 的链接？ - 2

    我是Ruby和Watir-Webdriver的新手。我有一套用VBScript编写的站点自动化程序，我想将其转换为Ruby/Watir，因为我现在必须支持Firefox。我发现我真的很喜欢Ruby，而且我正在研究Watir，但我已经花了一周时间试图让Webdriver显示我的登录屏幕。该站点以带有“我同意”区域的“警告屏幕”开头。用户点击我同意并显示登录屏幕。我需要单击该区域以显示登录屏幕(这是同一页面，实际上是一个表单，只是隐藏了)。我整天都在用VBScript这样做:objExplorer.Document.GetElementsByTagName("area")(0).click

  4. 前端实现文件上传（点击+拖拽） - 2

    一、简介之前在Vue项目中使用过element的上传组件，实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传，说干就干。首先是点击获取上传文件自然没的说，只需要借助input标签即可，但原生的点击上传按钮，实在是过于简陋，所以我的想法是通过一个div，模拟成上传按钮，然后监听其点击事件，通过input.click()去模拟点击真正的上传元素。然后是拖拽获取上传文件，这个稍有难度，我的想法是通过HTML5新增的drag拖放API+dataTransfer来实现文件的拖拽获取，但是由于是html5新增的，所以可能在某些低版本IE浏览器

  5. ruby - 如何在 ruby​​ on rails 中显示 Datatable tabletools (copy, csv, excel, pdf, save) - 2

    我在我的ruby​​onrails应用程序中使用数据表。我按照这里的同一个..https://github.com/rweng/jquery-datatables-rails我的数据表排序和搜索工作正常。但是我在表格标题中看不到我的表格工具选项(例如-复制、csv、excel、pdf、保存)。我想像这样显示我的表....请帮忙。 最佳答案 我通过添加ZeroClipboard.js得到了这个 关于ruby-如何在ruby​​onrails中显示Datatabletabletools(co

  6. ruby - 在 cucumber 中使用 capybara 点击图像 - 2

    我试图用Capybara单击一张图片进行Cucumber测试，但找不到让Capybara将图片视为链接的方法。我的图片代码是:link_to(image_tag('ico_edit_16.png',alt:'Edit',class:'icon16',title:"Edit#{qualification.title}"),edit_qualification_path(qualification))显示为在html中，我一直无法找到使用capybara点击图片的好方法。有什么建议吗？ 最佳答案 这应该有效:find('img.icon

  7. ruby-on-rails - 点击 Google Contacts API 时出现 "connection reset by peer"错误 - 2

    我正在尝试使用GoogleContactsAPI将GoogleContacts拉入Rails应用程序。我已经完成了Oauth2握手，现在正在使用我的访问token请求protected资源。这是代码:uri=URI('https://www.google.com/m8/feeds/contacts/default/full')params={:client_id=>APP_CONFIG[:google_api_client_id],:access_token=>auth.access_token,"max-results".to_sym=>max_results}uri.query=U

  8. ruby - 点击服务器错误 `<module:Templates>':未初始化常量 Tilt::CompileSite (NameError) - 2

    我正在尝试将我的sqlite3数据库迁移到postgresql，但我无法通过此错误。当我运行tapsserversqlite://db/development.sqlite3[user][password]我不断收到/Users/phillipjarrar/.rbenv/versions/2.2.3/lib/ruby/gems/2.2.0/gems/sinatra-1.0/lib/sinatra/base.rb:298:in:uninitializedconstantTilt::CompileSite(NameError) 最佳答案

  9. ruby-on-rails - Rails 中的 link_to 方法和点击事件 - 2

    如何创建这种类型的链接:在Rails中使用方法link_to？我无法从Railsdocs中找出答案. 最佳答案 您可以使用link_to_function(在Rails4.1中删除):link_to_function'MylinkwithobtrusiveJavaScript','alert("Ohno!")'或者，如果您绝对需要使用link_to:link_to'AnotherlinkwithobtrusiveJavaScript','#',:onclick=>'alert("Pleaseno!")'但是，将JavaScript直

  10. ruby - 升级到 Capybara 2.0 后如何点击项目列表中的第一个链接？ - 2

    在这种情况下如何点击第一个链接:AgreeAgreewithin".item"dofirst(:link,"Agree").clickend我得到这个错误:Capybara::Ambiguous:Ambiguousmatch,found2elementsmatchingcss".item"如果没有within我会得到这个错误:Failure/Error:first(:link,"Agree").clickNoMethodError:undefinedmethod`click'fornil:NilClass 最佳答案 你可以只使用:f

随机推荐