我只是在步进器中有一个表单，有两个字段“名称”和“电子邮件”。 “添加”按钮工作正常，并按预期将姓名和电子邮件添加到列表中。当我单击“保存”时，将打印 JSON 数据以及列表中的所有可用数据。
[{"Name":"first language","Email":"first value"},{"Name":"second language","Email":"second value"},{"Name":"third language","Email":"third value"},{"Name":"test","Email":"test"}]
但是，当我单击底部的“保存”按钮时，会打印硬编码列表，而不是我们输入的数据。
输出如下。我想获取 JSON 中的所有列表数据。目前，以下内容没有从列表中手动插入的数据：
{"User Data":[{"Name":"first language","Email":"first value"},{"Name":"second language","Email":"second value"},{"Name":"third language","Email":"third value"}]}
代码如下：-
class User {
String name;
String email;
User({this.name, this.email});
Map toJson() => {
'Name': name,
'Email': email,
};
}
class JSONGenerate {
List<User> userData;
JSONGenerate([this.userData]);
Map toJson() {
List<Map> userData = this.userData != null
? this.userData.map((i) => i.toJson()).toList()
: null;
return {
'User Data': userData,
};
}
}
class UserMinor extends StatefulWidget {
@override
_UserMinorState createState() => _UserMinorState();
}
class _UserMinorState extends State<UserMinor> {
final form = GlobalKey<FormState>();
static var _focusNode = new FocusNode();
// finding same instance if initialized controller
final controller = Get.find<UserMinorController>();
@override
Widget build(BuildContext context) {
Widget bodyData() => DataTable(
onSelectAll: (b) {},
sortColumnIndex: 0,
sortAscending: true,
columns: <DataColumn>[
DataColumn(label: Text("User Name"), tooltip: "User Name"),
DataColumn(label: Text("User Email"), tooltip: "User Email"),
],
rows: controller.userList // accessing list from Getx controller
.map(
(user) => DataRow(
cells: [
DataCell(
Text(user.name),
),
DataCell(
Text(user.email),
),
],
),
)
.toList(),
);
return Padding(
padding: EdgeInsets.all(10.0),
child: Column(
children: <Widget>[
Padding(
padding: EdgeInsets.all(10.0),
child: Form(
key: form,
child: Container(
child: Column(
children: <Widget>[
TextFormField(
controller: controller.nameController,
focusNode: _focusNode,
keyboardType: TextInputType.text,
autocorrect: false,
maxLines: 1,
validator: (value) {
if (value.isEmpty) {
return 'This field is required';
}
return null;
},
decoration: InputDecoration(
labelText: 'Name',
hintText: 'Name',
labelStyle: new TextStyle(
decorationStyle: TextDecorationStyle.solid),
),
),
SizedBox(
height: 10,
),
TextFormField(
controller: controller.emailController,
keyboardType: TextInputType.text,
autocorrect: false,
maxLines: 1,
validator: (value) {
if (value.isEmpty) {
return 'This field is required';
}
return null;
},
decoration: InputDecoration(
labelText: 'Email',
hintText: 'Email',
labelStyle: new TextStyle(
decorationStyle: TextDecorationStyle.solid)),
),
SizedBox(
height: 10,
),
Column(
children: <Widget>[
Center(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
TextButton(
child: Text("Add"),
onPressed: () {
if (validate() == true) {
form.currentState.save();
controller.addLanguagetoList(
controller.nameController.text,
controller.emailController.text,
);
}
},
),
ElevatedButton(
child: Text("Save"),
onPressed: () {
form.currentState.save();
String minorlanguageListJson =
jsonEncode(controller.userList);
print(minorlanguageListJson);
}),
],
),
],
),
),
],
),
],
),
),
),
),
// GetBuilder rebuilds when update() is called
GetBuilder<UserMinorController>(
builder: (controller) => bodyData(),
),
],
),
);
}
bool validate() {
var valid = form.currentState.validate();
if (valid) form.currentState.save();
return valid;
}
}
class StepperBody extends StatefulWidget {
@override
_StepperBodyState createState() => new _StepperBodyState();
}
class _StepperBodyState extends State<StepperBody> {
int currStep = 0;
static var _focusNode = new FocusNode();
GlobalKey<FormState> _formKey = new GlobalKey<FormState>();
@override
void initState() {
super.initState();
_focusNode.addListener(() {
setState(() {});
print('Has focus: $_focusNode.hasFocus');
});
}
@override
void dispose() {
_focusNode.dispose();
super.dispose();
}
List<Step> steps = [
new Step(
title: const Text('Technical Language Basics'),
isActive: true,
state: StepState.indexed,
content: UserMinor(),
),
];
@override
Widget build(BuildContext context) {
return Container(
child: new Form(
key: _formKey,
child: new ListView(
children: <Widget>[
new Stepper(
steps: steps,
type: StepperType.vertical,
currentStep: this.currStep,
onStepContinue: () {
setState(() {
if (currStep < steps.length - 1) {
currStep = currStep + 1;
} else {
currStep = 0;
}
});
},
onStepCancel: () {
setState(() {
if (currStep > 0) {
currStep = currStep - 1;
} else {
currStep = 0;
}
});
},
onStepTapped: (step) {
setState(() {
currStep = step;
});
},
),
new ElevatedButton(
child: new Text(
'Save details',
style: new TextStyle(color: Colors.white),
),
onPressed: () {
var technicalInfo = UserMinorController().userList;
JSONGenerate jsonGenerate = JSONGenerate(technicalInfo);
print(
jsonEncode(jsonGenerate),
);
},
),
],
),
),
);
}
}
class UserMinorController extends GetxController {
TextEditingController nameController = TextEditingController();
TextEditingController emailController = TextEditingController();
int currentIndex = 0;
List<User> userList = [
User(name: "first language", email: "first value"),
User(name: "second language", email: "second value"),
User(name: "third language", email: "third value"),
];
void addLanguagetoList(name, email) {
userList.add(User(name: name, email: email));
update();
}
}
这是这里的问题：
var technicalInfo = UserMinorController().userList;
在 GetX 中，您需要使用以下命令“查找”控制器的相同实例Get.find<UserMinorController>()。这会找到具有您要添加到的实际列表的同一实例。你这样做的方式是打印出一个不同的实例UserMinorController这就是为什么它只打印出硬编码数据。
Your onPressed应该看起来像这样。
onPressed: () {
var technicalInfo = Get.find<UserMinorController>().userList;
JSONGenerate jsonGenerate = JSONGenerate(technicalInfo);
print(jsonEncode(jsonGenerate));
}