HT:使用Array数据做Checkbox

时间:2013-04-15 08:58:46

标签: handsontable

我知道你可以使用Jquery中的数据对象在HT中放置复选框,如图所示here。我想知道如果数据在数组中,你是否可以创建一个复选框单元格。数据样本如:

var data = [
          ["", "Maserati", "Mazda", "Mercedes", "Mini", "Mitsubishi"],
          ["2009", 0, 2365, 4303, 354, 5814],
          ["2010", 5, 2905, 2867, 412, 5284],
          ["2011", 4, 2517, 4822, 552, 6127],
          ["2012", 2, 2422, 5399, 776, 4151]
        ];

取自HT样本。

1 个答案:

答案 0 :(得分:0)

是的,您可以使用带有动手的复选框列。复选框为true或false。样本数据中的所有列/值都不是真/假。

有关如何使用复选框列的详细信息,请参阅example here

简而言之,您需要确保该列具有如下所示的真/假值:

var data = [
  {id: 1, name: "Ted", isActive: true, color: "orange", date: "2008-01-01"},
  {id: 2, name: "John", isActive: false, color: "black", date: null},
  {id: 3, name: "Al", isActive: true, color: "red", date: null},
  {id: 4, name: "Ben", isActive: false, color: "blue", date: null}
];

然后将列类型设置为复选框:

  columns: [
    {data: "id"},
    {data: "name"},
    {data: "isActive", type: 'checkbox'},
    {data: "date", type: 'date'},
    {data: "color",
      type: 'autocomplete',
      source: ["yellow", "red", "orange", "green", "blue", "gray", "black", "white"]
    }
  ],