javascript - 如何将 Knockout.js 绑定(bind)到现有的表格网格？

Question

我是 Knockout.js 的新手。我通过从 ajax 源加载数据并使用 foreach 循环创建数据表来实现 Knockout.js。我遵循的教程在这里

http://www.dotnetcurry.com/ShowArticle.aspx?ID=933

我的问题是，由于我的应用程序的性质，我发现使用网格组件从服务器端更好地服务第一次加载，我只希望 Knockout.js 处理“添加”行，“更新”一行和“删除”一行。

我的问题是，

1) 如何替换“第一个”加载并使用 html 表中的默认数据填充文章中的lookupCollection :ko.observableArray()？2)与#1相关。如果第一次加载，带有数据的表格布局是从服务器端构造的，那么如何将“foreach”绑定(bind)到网格，以便可以在lookupCollection上执行“add”？

再次感谢，我是新手，我一定错过了一些关键概念。

Answer 1

一种方法是将初始数据传递到 View 模型中。由于您使用的是 asp.net，它看起来像这样:

//Dump raw data into javascript variable
var data = @Html.Raw(ViewBag.Data);

function ViewModel(data) {
    var self = this;
    //Unpack raw data
    self.lookupCollection = ko.observableArray(data.lookupCollection);
}

//initialize view model
var viewModel = new ViewModel(data);
ko.applyBindings(viewModel);