Mam klasę Podo, która zabiera dane z API. To działa dobrze. W polu Dropdown używam wartości ID i pokazuję nazwę.

Przykład JSON Dane z odpowiedzi API są poniżej:

{"jsonapi":{"version":"1.0"},"data":[{"type":"testkit","id":"1","attributes":{"active":true,"testType":"type1","code":"T101","name":"TestName1","infos":{},}},{"type":"testkit","id":"2","attributes":{"active":true,"testType":"type2","code":"T102","name":"TestName2","productId":null,"infos":{}}}]}

Dla migawki:

child: FutureBuilder(
       future: _testkit,
       builder: (context,
       AsyncSnapshot<TestkitList> snapshot) {

Kod DrowDownFieldWidget jest jak poniżej:

DropdownButtonFormField<String>(
hint:Text("Select Testkit Name"),
value: _selectedTestkit,
                onChanged: (newValue) {
                    setState(() {
                    _selectedTestkit = newValue;
_selectedTestType = getTestType()// this I am trying to get the value of test type, but not working.

                    });
                },
                validator: (value) => value ==
                        null
                    ? 'Please select the Testkit'
                    : null,
                items: (snapshot.data.data)
                    .map((item) =>
                        DropdownMenuItem<
                            String>(
                            child: Text(
                            item.attributes.name
                                        .length >
                                    30
                                ? item
                                    .attributes
                                    .name
                                    .substring(
                                        0, 30)
                                : item
                                    .attributes
                                    .name,
                            ),
                            value: item.id,
                        ))
                    .toList(),
                );
            }
        }
        }),
)),

Teraz oprócz identyfikatora dla wybranego elementu, muszę też uzyskać dostęp do wartości testType pod attributes

Próbowałem uzyskać dostęp do wartości, tworząc funkcję getTestType() jak poniżej:

getTestType() async {    

    final List testkits = await responsetestkit.then((value) => value.data);
    print("below line is printed in function getTestType");
    print(testkits.runtimeType);
    
    print(testkits);
    var testtype =
        testkits.firstWhere((testkit) => testkit["id"] == _selectedTestkit);  

    print(testtype);
    
  }

Ta funkcja zwraca błąd - Class 'Datum' has no instance method '[]'.

Daj mi znać, jeśli konieczne dalsze informacje.

Aktualizacja: Zawartość pliku Podo:

import 'dart:convert';

TestkitList testkitListFromMap(String str) => TestkitList.fromMap(json.decode(str));

String testkitListToMap(TestkitList data) => json.encode(data.toMap());

class TestkitList {
    TestkitList({
        this.jsonapi,
        this.data,
    });

    Jsonapi jsonapi;
    List<Datum> data;

    factory TestkitList.fromMap(Map<String, dynamic> json) => TestkitList(
        jsonapi: json["jsonapi"] == null ? null : Jsonapi.fromMap(json["jsonapi"]),
        data: json["data"] == null ? null : List<Datum>.from(json["data"].map((x) => Datum.fromMap(x))),
    );

    Map<String, dynamic> toMap() => {
        "jsonapi": jsonapi == null ? null : jsonapi.toMap(),
        "data": data == null ? null : List<dynamic>.from(data.map((x) => x.toMap())),
    };
}

class Datum {
    Datum({
        this.type,
        this.id,
        this.attributes,
    });

    String type;
    String id;
    Attributes attributes;

    factory Datum.fromMap(Map<String, dynamic> json) => Datum(
        type: json["type"] == null ? null : json["type"],
        id: json["id"] == null ? null : json["id"],
        attributes: json["attributes"] == null ? null : Attributes.fromMap(json["attributes"]),
    );

    Map<String, dynamic> toMap() => {
        "type": type == null ? null : type,
        "id": id == null ? null : id,
        "attributes": attributes == null ? null : attributes.toMap(),
    };
}

class Attributes {
    Attributes({
        this.active,
        this.testType,
        this.code,
        this.name,        
        this.infos,
        
    });

    bool active;
    String testType;
0
Joshi 15 kwiecień 2021, 22:31

1 odpowiedź

Najlepsza odpowiedź

Najpierw metoda getTestType jest oznaczona jako async, a następnie powraca tylko Future i potrzebuje then lub await, aby uzyskać wartość:

onChanged: (newValue) async {
  _selectedTestkit = newValue; 
  _selectedTestType = await getTestType();
  setState(() {});
},

Po drugie, metoda getTestType nie zwraca żadnej wartości. Napraw dodanie wartości zwrotu:

getTestType() async {    
  final List testkits = await responsetestkit.then((value) => value.data);
  print("below line is printed in function getTestType");
  print(testkits.runtimeType);
  
  print(testkits);
  var testtype =
      testkits.firstWhere((testkit) => testkit["id"] == _selectedTestkit);  

  print(testtype);
  return testtype;
}
1
Ignacior 15 kwiecień 2021, 20:04