TortyE的博客

Json 附件展示

afterChange: (change, source) => { console.log("afterChange:数据改变, change 是所改变单元格的属性，第一个是列的索引，第二个是数据的键，第三个是之前的值，最后一个是值", change, source) },dataSchema: { id: null, name: { first: null, last: null }, address: null }, // 数据如果开始为空，那么根据这个数据结构来造数据。

实现Handsontable连接后台接口

1.在template中创建文件夹，创建chosen.css，chosen.jquery.js，handsontable.full.css。引入npm包：npm install ysshandsontable-multi-select -S。在handsontable中的tableSettings的属性中进行使用。在同目录下的index.html进行引用。调用接口api数据（不明白查看官方文档。

handsontable-chosen-editor是handsontable column的扩展，实现了在handsontable编辑列中下拉列表，同时支持的多选。使用后发现，屏幕底部的行中，下拉项无法显示，因为下拉项定义的是向下展开，即使下拉项的位置超出了屏幕底部。chosen.jquery.js中的results_show中。这样，当底部空间不足时，下拉列表将向上展开。在results_hide函数中添加。chosen.css中添加。