如何将Knockout.js绑定到现有的表格?

时间:2013-08-27 14:21:03

标签: javascript knockout.js

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

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

我的问题是,由于我的应用程序的性质,我发现使用网格组件从服务器端更好地提供第一个加载,我只希望Knockout.js来处理"添加&# 34;行,"更新"一行"删除"一排。

我的问题是,

1)如何更换"首先"使用html表中的默认数据加载并填充文章中的lookupCollection:ko.observableArray()? 2)与#1相关。如果第一次加载,带有数据的表布局是从服务器端构造的,那么我该如何绑定" foreach"到了网格所以"添加"可以在lookupCollection上执行吗?

再次感谢,我是新手,我必须在这里遗漏一些关键概念。

1 个答案:

答案 0 :(得分:0)

一种方法是将初始数据传递到视图模型中。由于您使用的是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);