如何用剑道绑定数独网格？

Question

我正在使用Kendo UI在Javascript中构建一个数独游戏。 我试图将表示9乘9数独网格的数据结构绑定到81个div。 如果不在我的模型上创建81个属性并将data-bind =“value：board.atXY”写入81次，我怎么能这样做呢？

Answer 1

在这种情况下，网格小部件不会轻易工作。 我建议改用列表视图。

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