颤动中的多个依赖下拉菜单

我正在尝试在颤动上构建多个依赖的下拉菜单。第二个依赖于第一个。这是我实现的下拉列表的代码。

Container(
            child: new DropdownButton<String>(
              underline: SizedBox(
                height: 1,
              ),
              hint: new Text("Select Faculty"),
              value: facultyId,
              items: faculty.map((item) {
                return new DropdownMenuItem(
                  child: new Text(item['name']),
                  value: item['id'].toString(),
                );
              }).toList(),
              onChanged: (faculty == null)
                  ? null
                  : (String newValue) {
                      setState(() {
                        filteredbatch.clear();
                        facultyId = newValue;
                        for (var item in allbatch) {
                          if (item['facultyId'].toString() == newValue){
                          filteredbatch.add(item);
                            disableBatch = false;
                          }
                        }
                      });
                      print(facultyId);
                    },
            ),
          ),
          Container(
            child: new DropdownButton<String>(
                underline: SizedBox(
                  height: 1,
                ),
                disabledHint: new Text("Select Faculty First"),
                hint: Text("Select Batch"),
                value: batchId,
                onChanged: disableBatch
                    ? null
                    : (String newValue) {
                        setState(() {
                          batchId = newValue;
                          disableSection = false;
                        });
                        print(batchId);
                      },
                items: filteredbatch.map((item) {
                  return DropdownMenuItem(
                    child: Text(item['name']),
                    value: item['id'].toString(),
                  );
                }).toList()),
          ),

每当我从第一个下拉菜单中选择一个下拉菜单时，它就会启用第二个下拉菜单，并让我从该下拉菜单中选择一个项目。当我从第二个下拉列表中选择一个项目并返回更改第一个下拉列表时，它会抛出错误，表明下拉列表需要一个具有相应值的项目。找到 0 或 2 个。我在这里迷路了。我该如何解决这个错误？

这里发生的事情非常简单。假设“allbatch”具有以下值：

教师： foo ，其批处理ID： foo1、foo2、foo3

教师： bar ，其批处理 ID：bar1、bar2、bar3。

当您在第一个下拉列表中选择 foo 时，将创建一个新的“filteredbatch”，它仅包含 foo1、foo2、foo3。然后，您在第二个下拉列表中选择 foo3，一切仍然工作正常......

但是当您将第一个下拉列表更改为 bar 时，“filteredbatch”仅包含：bar1、bar2、bar3，而您的第二个下拉列表值仍设置为 foo3，在新生成的“filteredbatch”中找不到该值，然后您就得到了您看到的错误。

要解决此问题，只需在第一个下拉菜单 onChanged 方法中更改“filteredbatch”之前将 batchId 设置为 null：

  setState(() {
    //fix
    batchId = null;
    //end of fix
    filteredbatch.clear();
    facultyId = newValue;
    for (var item in allbatch) {
      if (item['facultyId'].toString() == newValue){
      filteredbatch.add(item);
        disableBatch = false;
      }
    }
  });

您的第二个下拉菜单将恢复为提示文本，应用程序用户将必须选择一个新的batchId。

如果您还有其他问题，请随时提问。