2

私はフォームに次の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"}]

ただし、i Backbone.Syphon がフォームを解析すると、以下のようにステップ配列に常に 1 つの値 (常にその名前の入力フィールドの最後の出現) が生成されます。

steps [{description:"two step"}]

私の構文に何か問題がありますか、またはこれは Backbone.Syphon では不可能ですか?

4

2 に答える 2

0

同様の各入力にもインデックスを追加します。

<input type="text" id="test1" name="steps[1][description]" value="one step">
<input type="text" id="test2" name="steps[2][description]" value="two step">

フォームの送信時に、次のように serializeObject 関数を呼び出すことができます。

var data = $('#form' + formId).serializeObject();
this.model.save(data, {
    success : function(model) {
    },
    error : function(model) {
    }
});

上記の構文を解析する下記の serializeObject 関数を使用できます。これは、このstackoverflowの質問で解決されたものと同じです 

$.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);
于 2014-01-03T11:29:21.857 に答える
0

次の方法で入力に名前を付けてみてください

<input type="text" id="test1" name="steps[][description]" value="one step">
<input type="text" id="test2" name="steps[][description]" value="two step">

[]オブジェクトの実際の配列にする追加に注意してください。

于 2013-10-17T10:03:35.917 に答える