如何使用 flutter 中的 dropdownSearch 小部件获取列表中所选项目的 ID？

Question

I am using the DropDownSearch widget in flutter to display a list of items. I am displaying the value "acYear" from the list but I want to be able to pass the value "id" of the selected item to the controller ie academicYearController.text.How can I achieve this please? This is what I have tried:

 child: DropdownSearch < dynamic > ( autoValidateMode: AutovalidateMode.onUserInteraction, validator: (value) => value == null? "Academic Year is required ": null, dropdownDecoratorProps: const DropDownDecoratorProps( dropdownSearchDecoration: InputDecoration( hintText: "Select academic year", helperText: '', labelText: "Academic Year *", contentPadding: EdgeInsets.fromLTRB(12, 12, 0, 0), border: OutlineInputBorder(), ), ), items: dataService.academicYearList.map((AcademicYear yr) { return yr.accYear.toString(); }).toList(), // items: dataService.academicYearList.map((AcademicYear yr) { // return DropdownMenuItem( // child: Text(yr.id.toString()), // value: yr.id, // ); // }).toList(), onChanged: (value) { academicYearController.text = value; setState(() { dataService.selectedAcademicYear = dataService.selected; }); debugPrint('selectedId: ${academicYearController.text}'); }, ),

And the AcademicYear Object and academicYear List look like this:

 class AcademicYear { int id; String accYearId; String accYear; int status; AcademicYear({ required this.id, required this.accYearId, required this.accYear, required this.status, }); [{ "id": 1, "accYearId": "20212022", "accYear": "20212022", "status": 1 }]

I have Added the API call to get the academicYear data just incase am doing something wrong as shown:

 Future < List < AcademicYear >> getYears() async { academicUrl = "${dataService.baseUrl}/academicyear"; // debugPrint('url: $academicUrl'); http.Response response = await http.get( Uri.parse(academicUrl), headers: { "Content-Type": "application/json", }, ); List < AcademicYear > result(dynamic str) => List < AcademicYear >.from( json.decode(str).map((x) => AcademicYear.fromJson(x))); // debugPrint('result: ${response.body}'); if (response.statusCode == 200) { return result(response.body); } else { throw Exception('error loading object'); } }

Answer 1

In your DropdownSearch's onChanged, do this:

onChanged: (value) {
      var xList = dataService.academicYearList.where((element) => element.accYear == value);

      if (xList.isNotEmpty) {
         AcademicYear x = xList.first;
         print("x = ${x.id}");
         academicYearController.text = value;
      }
      
      setState(() {
        dataService.selectedAcademicYear = dataService.selected;
      });
      debugPrint('selectedId: ${academicYearController.text}');
    },