1
我無法將視圖模型與數組綁定到一個表格。 我有一個表格模板和一個行模板。 表中創建的行是不是? 有什麼想法?knockoutjs與表格的綁定問題
代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1-vsdoc.js" ></script>
<script src="../../Scripts/knockout-1.3.0beta.js" type="text/javascript"></script>
<script src="../../Scripts/knockout.mapping-latest.debug.js" type="text/javascript"></script>
<script src="../../Scripts/jQuery.tmpl.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
var model = {
Name: "john",
LastName: "doe",
Rows: [{ Amount: 1, Name: "rik", Description: "desc1" }, { Amount: 2, Name: "rik2", Description: "desc2"}]
}
var viewModel= ko.mapping.fromJS(model);
ko.applyBindings(viewModel);
});
</script>
<script type="text/x-jquery-tmpl" id="bankTemplate">
<table>
<tbody data-bind="template: 'bankRowTemplate', foreach: Rows">
</tbody>
</table>
</script>
<script type="text/x-jquery-tmpl" id="bankRowTemplate">
<tr>
<td>${Amount}</td>
<td>${Name}</td>
<td>${Description}</td>
</tr>
</script>
<input id="first" data-bind="value: Name" />
<input id="first2" data-bind="value: Name" />
<div data-bind="template: 'bankTemplate'"></div>
</body>
</html>
感謝那些幫助了一點。這些行獲得數據綁定2行,但我只在實際html中獲得$ {Name}等,而不是數據綁定值(Rik) – Medo
這裏是一個工作示例:[jsFiddle](http://jsfiddle.net/majorbyte/z5XZk /) –