javascript - 如何将数独网格与剑道绑定(bind)？

Question

我正在使用 Kendo UI 用 Ja​​vascript 构建一个数独游戏。我正在尝试将表示 9 x 9 数独网格的数据结构值绑定(bind)到 81 个 div。如何在不在模型上创建 81 个属性并写入 data-bind="value:board.atXY"81 次的情况下执行此操作？

Answer 1

在这种情况下，网格小部件将无法轻松工作。我建议改用 ListView 。

var data = [];

for (var i = 1; i <= 81; i++) {
  data.push({ value: i });
}

$("#listview").kendoListView({
  dataSource: data,
  template: "<div>#= value #</div>"
});

使用一些 CSS，您可以将其样式设置为看起来像网格: http://jsbin.com/evUnufA/1/edit