0

プロパティのないアイテムの配列がある場合、for ループ内の値にどのようにアクセスしますか? 現在、適切な数のオプションを取得していますが、オプションの値を取得するための正しい構文が見つかりません。

http://jsfiddle.net/geewhizbang/Y44Gm/4/で動作する jsfiddle があります。

var data = {
    items: [{
        "title": "First Drop Down",
            "hist": "Secondary",
            "dec": "Priority",
            "options": ["Priority", "Secondary"],
            "type": "select"
    }, {
        "title": "Second Drop Down",
            "hist": "Competitive Widget",
            "dec": "Competitive Widget",
            "options": ["Yadda", "Badda", "Bing", "Mobile", "Server", "Client", "Snickerdoodle"],
            "type": "select"
    }]
};
$.views.converters("dateFormat", function (val) {
   if (val == null) return "";
    var d = new Date(val);
    if (d.getFullYear() == "1900") return "";
    return d.getMonth() + "/" + d.getDate() + "/" + d.getFullYear();
});
$template = $.templates("#template");
$("#container").html($template.render(data));

テンプレートを含むこの本文:

<div id="container">
    <script id="template" type="text/x-jsrender">
    {{for items}}
        <div class="bodyItem">
            <div class="colDec">
                <p>{{>title}}</p>
                {{if type == "select"}}
                    <select data-link="{{>dec}}">
                        {^{for options}}
                            <option value="{{#}}">{#}</option>
                        {{/for}}
                    </select>
                {{else}}
                    {{if type == "date"}}
                        <input value="{{dateFormat:dec}}" class="date" />
                    {{else}}
                        <div contentEditable="true">{{>dec}}</div>
                    {{/if}}
                {{/if}}
            </div>
            <div class="colHist">
                <p>{{>title}}</p>
                {{if type == "date"}}
                    <input value="{{dateFormat:dec}}" class="date" />
                {{else}}
                    <div>{{>dec}}</div>
                {{/if}}
            </div>
        </div>
    {{/for}}
</script>
4

1 に答える 1

0

options が文字列の配列である場合、以下が必要です。

<select data-link="dec">
    {^{for options}}
        <option value="{{:#data}}">{{:#data}}</option>
    {{/for}}
</select>

select 要素の data-link 式にも注意してください。

一般に、jsfiddle では、データ リンクをより多く使用できます。例えば：

<div>{^{>dec}}</div>

（^に注意）

そして、必要なデータリンクを行うには

$template.link("#container", data);

render を呼び出すだけでなく...

さらに変更が必要ですが、バインディングを選択する jsfiddle の更新を次に示します: http://jsfiddle.net/BorisMoore/Y44Gm/5/

于 2013-12-01T23:47:40.983 に答える