如何在handontable中选中所有复选框
How to select all checkbox in handsontable
本文关键字:复选框 handontable 更新时间:2023-09-26
有人知道如何通过选中特定行的第一个复选框来选择(选中)手可接触行中的所有复选框吗。我尝试了所有可能的选择来完成它,但我无论如何都做不到。
这是代码,
function getCarData() {
return [
{ available: true,available2: true,available3: true, comesInBlack: 'yes'},
{available: false,available2: true,available3: true,available3: true, comesInBlack: 'yes'},
{ available: true,available2: true,available3: true, comesInBlack: 'no'},
{available: false,available2: true,available3: true, comesInBlack: 'yes'},
{ available: false,available2: true,available3: true, comesInBlack: 'no'}
];
}
var example1 = document.getElementById('example1'),
hot1;
hot1 = new Handsontable(example1, {
data: getCarData(),
colHeaders: ['Available','Available2','Available3'],
columns: [
{
data: 'available',
type: 'checkbox'
},{
data: 'available2',
type: 'checkbox'
},{
data: 'available3',
type: 'checkbox'
}
]
});
这是jsfiddle链接jsfiddle.net/mq5on8qf
您可以添加一个afterChange
事件,该事件检查第一列的更改,如果是,则将该行中列的值设置为新值。下面是这样一个事件的实现:
afterChange: function (changes, source) {
var change = changes[0]; // [row, prop, oldVal, newVal]
var row = change[0];
var data = this.getData(); // reference to data object
var newVal = change[3];
var col = change[1];
// conditional on first row
if (col === 'available') {
data[row].available2 = newVal;
data[row].available3 = newVal;
}
this.render(); // render after making changes to data
}
这是你的小提琴。
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在验证8个真/假复选框或复选框中的2个
- 为复选框javascript指定两个值
- 如何在单击复选框后调用控制器方法
- 从复选框和Selects-KnockoutJS中获取值的总和
- 选中多个具有相同名称的复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 使用$.ajax发布多个复选框
- AngularJS单选筛选不适用于Name、Description和Field4复选框值
- 使用jquery选中/取消选中单个复选框
- Angular JS Filter-通过3个复选框进行筛选
- 如果选中了多个复选框,如何添加事件
- Javascript复选框函数:;缺少:在属性id之后"
- JavaScript-切换“;全部检查”;复选框true/false
- 如何从javascript/jquery中的复选框中获取布尔值
- 在Ajax中捕获复选框值
- 显示隐藏复选框
- 如何使用javascript函数在gridview中按行启用/禁用复选框
- 如何在handontable中选中所有复选框