私はこのビューモデルを持っています:
ビューモデル
var sitesTableModel = [
{
nameCol: "nameCol-1",
pagesCol: "editorCol-1",
},
{
nameCol: "nameCol-2",
pagesCol: "pagesCol-2",
}];
var pagesTableModel = [
{
lastCol: "lastCol-1",
editedCol: "editedCol-1",
},
{
lastCol: "lastCol-2",
editedCol: "editedCol-2",
}];
var viewModel = {
sitesTable: ko.observableArray(sitesTableModel),
pagesTable: ko.observableArray(pagesTableModel),
};
次に、この方法で Web サービスを呼び出します。
Ajax 呼び出し
ajaxService = (function () {
var ajaxGetJson = function (method, request, callback, service) {
$.ajax({
url: "http://localhost:2880/Whatever.svc/Method",
type: "GET",
data: request,
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function (result, statusMsg, status)
{
callback(result, statusMsg, status, request);
},
error: ServiceFailed
}).always(function () {
ko.applyBindings(viewModel);
});
}
return {
ajaxGetJson: ajaxGetJson,
};
})();
この方法で結果をマッピングします。
マッピング
function ModelTableSitesMapper(result, statusMsg, status, request) {
var itemRow = [];
//sitesTableModel
result.forEach(function (entry) {
itemRow.push({
nameCol: entry.Title,
pagesCol: entry.Pages,
})
});
viewModel.sitesTable = ko.observableArray(itemRow);
};
他の配列についても同じです。
ここに私のデータバインディングがあります:
データバインディング
<table id="tableDocs">
<tbody data-bind="foreach: documentsTable" >
<tr>
<td data-bind="text: nameCol">Simon Werner Hansen</td>
<td data-bind="text: pagesCol">swh002</td>
</tr>
</tbody>
</table>
<table id="tableSites">
<tbody data-bind="foreach: documentsTable" >
<tr>
<td data-bind="text: lastCol">Simon Werner Hansen</td>
<td data-bind="text: editedCol">swh002</td>
</tr>
</tbody>
</table>
2つのうちの1つにコメントすると、もう一方は正常に機能しますが、それらが同じページに一緒にある場合、テーブルは空で、エラーも何もありません。
モデルのコンテキストと関係がありますか?