handsontable 是否有可能在一行而不是一列上有组合框(下拉菜单)?
handsontable is it possible to have comboboxes (dropdowns) on a row rather than a column?
是否可以在行而不是列上使用组合框(下拉菜单)?
我找到的所有示例都只讨论列,例如
http://docs.handsontable.com/0.15.0-beta6/demo-dropdown.html
我需要一排可编辑的组合框,有没有人有任何例子说明如何实现这一点,如果可能的话?
是的,您想要做的就是像使用 columns
一样使用 cells
选项。在这一个中,你被提供了 row,col
所以你会做这样的事情:
cells: function(row,col) {
if (row == 0) {
// checkbox logic
}
}
这就是全部!
@ZekeDroid 为我指出了正确的方向,以回答我实际提出的问题。在此处添加代码,这样您就不必浪费时间自己学习了。
函数 getCarData() {
return[
['dog', 'dog', 'dog','dog'], ["Something", 2013, "blue", "blue"], ["Else", 2014, "yellow", "black"], ["Here", 2015, "white", "gray"]];
}
var
container = document.getElementById('example1'),
hot;
hot = new Handsontable(container, {
data: getCarData(),
colHeaders: ['Car', 'Year', 'Chassis color', 'Bumper color'],
cells: function (row, col, prop) {
var cellProperties = {};
if (row === 0) {
cellProperties.type = 'dropdown';
cellProperties.source = ['yellow', 'dog', 'cat'];
}
return cellProperties;
}
});
是否可以在行而不是列上使用组合框(下拉菜单)?
我找到的所有示例都只讨论列,例如 http://docs.handsontable.com/0.15.0-beta6/demo-dropdown.html
我需要一排可编辑的组合框,有没有人有任何例子说明如何实现这一点,如果可能的话?
是的,您想要做的就是像使用 columns
一样使用 cells
选项。在这一个中,你被提供了 row,col
所以你会做这样的事情:
cells: function(row,col) {
if (row == 0) {
// checkbox logic
}
}
这就是全部!
@ZekeDroid 为我指出了正确的方向,以回答我实际提出的问题。在此处添加代码,这样您就不必浪费时间自己学习了。
函数 getCarData() { return[ ['dog', 'dog', 'dog','dog'], ["Something", 2013, "blue", "blue"], ["Else", 2014, "yellow", "black"], ["Here", 2015, "white", "gray"]]; }
var
container = document.getElementById('example1'),
hot;
hot = new Handsontable(container, {
data: getCarData(),
colHeaders: ['Car', 'Year', 'Chassis color', 'Bumper color'],
cells: function (row, col, prop) {
var cellProperties = {};
if (row === 0) {
cellProperties.type = 'dropdown';
cellProperties.source = ['yellow', 'dog', 'cat'];
}
return cellProperties;
}
});