Form fields with same name can aggregate in array of values.
This commit is contained in:
1 parent
f833d95e79
commit
c1fbf31a27
1 file changed
+28
-25
+28
-25
@@ -389,7 +389,27 @@ impl HasFormData for WebFormData {
|
|||||||
}
|
}
|
||||||
|
|
||||||
fn values(&self) -> HashMap<String, FormValue> {
|
fn values(&self) -> HashMap<String, FormValue> {
|
||||||
let mut values = std::collections::HashMap::new();
|
let mut values = HashMap::new();
|
||||||
|
|
||||||
|
fn insert_value(map: &mut HashMap<String, FormValue>, key: String, new_value: String) {
|
||||||
|
match map.entry(key) {
|
||||||
|
std::collections::hash_map::Entry::Occupied(mut o) => {
|
||||||
|
let first_value = match o.get_mut() {
|
||||||
|
FormValue::Text(data) => {
|
||||||
|
std::mem::take(data)
|
||||||
|
}
|
||||||
|
FormValue::VecText(vec) => {
|
||||||
|
vec.push(new_value);
|
||||||
|
return
|
||||||
|
}
|
||||||
|
};
|
||||||
|
let _ = o.insert(FormValue::VecText(vec![first_value, new_value]));
|
||||||
|
}
|
||||||
|
std::collections::hash_map::Entry::Vacant(v) => {
|
||||||
|
let _ = v.insert(FormValue::Text(new_value));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
// try to fill in form values
|
// try to fill in form values
|
||||||
if let Some(form) = self.element.dyn_ref::<web_sys::HtmlFormElement>() {
|
if let Some(form) = self.element.dyn_ref::<web_sys::HtmlFormElement>() {
|
||||||
@@ -398,24 +418,19 @@ impl HasFormData for WebFormData {
|
|||||||
if let Ok(array) = value.dyn_into::<Array>() {
|
if let Ok(array) = value.dyn_into::<Array>() {
|
||||||
if let Some(name) = array.get(0).as_string() {
|
if let Some(name) = array.get(0).as_string() {
|
||||||
if let Ok(item_values) = array.get(1).dyn_into::<Array>() {
|
if let Ok(item_values) = array.get(1).dyn_into::<Array>() {
|
||||||
let item_values: Vec<String> =
|
item_values.iter()
|
||||||
item_values.iter().filter_map(|v| v.as_string()).collect();
|
.filter_map(|v| v.as_string())
|
||||||
|
.for_each(|v| {
|
||||||
values.insert(name, FormValue::VecText(item_values));
|
insert_value(&mut values, name.clone(), v)
|
||||||
|
});
|
||||||
} else if let Ok(item_value) = array.get(1).dyn_into::<JsValue>() {
|
} else if let Ok(item_value) = array.get(1).dyn_into::<JsValue>() {
|
||||||
values.insert(name, FormValue::Text(item_value.as_string().unwrap()));
|
insert_value(&mut values, name, item_value.as_string().unwrap());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// try to fill in select element values
|
|
||||||
if let Some(select) = self.element.dyn_ref::<web_sys::HtmlSelectElement>() {
|
|
||||||
let options = get_select_data(select);
|
|
||||||
values.insert("options".to_string(), FormValue::VecText(options));
|
|
||||||
}
|
|
||||||
|
|
||||||
values
|
values
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -536,19 +551,7 @@ export function get_form_data(form) {
|
|||||||
const formData = new FormData(form);
|
const formData = new FormData(form);
|
||||||
|
|
||||||
for (let name of formData.keys()) {
|
for (let name of formData.keys()) {
|
||||||
const fieldType = form.elements[name].type;
|
values.set(name, formData.getAll(name));
|
||||||
console.log(fieldType);
|
|
||||||
|
|
||||||
switch (fieldType) {
|
|
||||||
case "select-multiple":
|
|
||||||
values.set(name, formData.getAll(name));
|
|
||||||
break;
|
|
||||||
|
|
||||||
// add cases for fieldTypes that can hold multiple values here
|
|
||||||
default:
|
|
||||||
values.set(name, formData.get(name));
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return values;
|
return values;
|
||||||
|
|||||||
Reference in new issue
Block a user