$.ajax({
url: "/survey/surveyQuestions",
success: function (questionsData) {
$.ajax({
url: "/survey/surveyOptions",
success: function (optionsData) {
alert(questionsData.length);
for (var i = 0; i < questionsData.length; i++) {
QuestionsScript.Question = ko.mapping.fromJS(questionsData[i]);
ko.applyBindings(QuestionsScript, document.getElementById("innerDiv"));
for (var j = 0; j < optionsData.length; j++) {
if (optionsData[j].QuestionId = questionsData.QuestionId[i]) {
OptionsScript.Option = ko.mapping.fromJS(optionsData[j]);
ko.applyBindings(OptionsScript, document.getElementById(" ... here i nee to give options template table Id....."));
}
}
}
}
});
}
});
以下のようにバインドする必要があります
Question 1
Option1
Option2
Option3
Question 2
Option1
Option2
Option3
Question 3
Option2
Option3
私のテンプレートは
<script id="QuestionsScript" type="text/x-jquery-tmpl">
<div data-bind="attr:{id :QuestionId}" class="question">
<h2><label data-bind="text :QuestionText" /></h2>
<div class="option">
<table data-bind="attr:{id : QuestionId} , template: {name:'OptionsScript', foreach: Option}">
<tbody>
</tbody>
</table>
</div>
</div>
</script>
<script id="OptionsScript" type="text/x-jquery-tmpl">
<tr>
<td>{{= OptionText}}</td>
</tr>
</script>
希望する出力とテンプレートについて述べたように、なぜそれを取得できないのかわかりません。このためのサンプルコードを教えてください。前もって感謝します。