主干虹吸嵌套属性
Backbone Syphon Nested Attributes
我在表单中有以下 HTML...
<input type="text" id="test1" name="steps[description]" value="one step">
<input type="text" id="test2" name="steps[description]" value="two step">
我只是试图生成一个对象数组,如以下 JSON
steps [ {description:"one step"}, {description:"two step"}]
但是,当我 Backbone.Syphon 解析表单时,它总是只在步骤数组中生成一个值(始终是具有该名称的输入字段的最后一次出现),如下所示
steps [{description:"two step"}]
我的语法有问题还是Backbone.Syphon不可能?
尝试按以下方式命名输入
<input type="text" id="test1" name="steps[][description]" value="one step">
<input type="text" id="test2" name="steps[][description]" value="two step">
请注意使其成为实际对象数组的额外[]
。
将索引也添加到每个类似的输入中。
<input type="text" id="test1" name="steps[1][description]" value="one step">
<input type="text" id="test2" name="steps[2][description]" value="two step">
在表单提交时,您可以像这样调用序列化对象函数:
var data = $('#form' + formId).serializeObject();
this.model.save(data, {
success : function(model) {
},
error : function(model) {
}
});
您可以使用下面的序列化对象函数来解析上述语法。这与此堆栈溢出问题中解决的问题相同
$.fn.serializeObject = function() {
var json, patterns, push_counters, _this = this;
json = {};
push_counters = {};
patterns = {
validate : /^[a-zA-Z][a-zA-Z0-9_]*(?:'[(?:'d*|[a-zA-Z0-9_]+)'])*$/,
key : /[a-zA-Z0-9_]+|(?='['])/g,
push : /^$/,
fixed : /^'d+$/,
named : /^[a-zA-Z0-9_]+$/
};
this.build = function(base, key, value) {
base[key] = value;
return base;
};
this.push_counter = function(key) {
if(push_counters[key] ===
void 0) {
push_counters[key] = 0;
}
return push_counters[key]++;
};
$.each($(this).serializeArray(), function(i, elem) {
var k, keys, merge, re, reverse_key;
if(!patterns.validate.test(elem.name)) {
return;
}
keys = elem.name.match(patterns.key);
merge = elem.value;
reverse_key = elem.name;
while(( k = keys.pop()) !==
void 0) {
if(patterns.push.test(k)) {
re = new RegExp("''[" + k + "'']$");
reverse_key = reverse_key.replace(re, '');
merge = _this.build([], _this.push_counter(reverse_key), merge);
} else if(patterns.fixed.test(k)) {
merge = _this.build([], k, merge);
} else if(patterns.named.test(k)) {
merge = _this.build({}, k, merge);
}
}
return json = $.extend(true, json, merge);
});
return json;
};
})(jQuery);
相关文章:
- 访问键中包含空格的嵌套属性
- 如何将id数组与带下划线的对象数组嵌套属性进行比较
- 正在检查对象javascript中是否存在嵌套属性
- 更新JavaScript对象中的嵌套属性
- 使用 jQuery 传递的 Rails 嵌套属性
- 如何迭代json对象的嵌套属性并创建新的数组列表
- 如何正确传递具有排列属性的嵌套属性?(JSX)
- 如何动态获取对象的嵌套属性
- AngularJS - 包含嵌套属性指令的内容
- 嵌套属性作为函数参数
- 猫鼬:嵌套属性上为空
- 如何检查主干模型中的嵌套属性是否已更改
- 在 ngRepeat 中筛选嵌套属性
- 筛选器深层嵌套属性返回空数组
- 支持流星和铁路由器中具有嵌套属性的多个参数
- 主干虹吸嵌套属性
- 访问 JavaScript 中的嵌套属性
- 在 AJAX 响应中查找嵌套属性,这是 try/catch 的情况
- 从嵌套属性数组中获取对象嵌套值
- JQuery,从嵌套属性中访问对象的根属性