Tag: handsontable

使用Chrome的内置搜索function时，Handsontable未完全呈现

使用Chrome的内置搜索function时遇到的奇怪，不一致的问题。 我有大约250行数据要在手中呈现，超过可以在屏幕上显示而不滚动或缩小。 http://jsfiddle.net/hU6Kz/3723/ var myData = [ [“”, “Kia”, “Nissan”, “Toyota”, “Honda”], [“lots of data begins here”], ]; $(“#exampleGrid”).handsontable({ data: myData, startRows: 5, startCols: 5, minSpareCols: 1, minSpareRows: 1, rowHeaders: true, colHeaders: true, contextMenu: true }); 请注意，当您第一次向上拉页面时，您可以向下滚动并且所有数据都以双手forms呈现。 现在点击控制+ f来拉起Chrome的内置搜索function。 搜索handontable中的任何字符。 手中的大部分数据都不再呈现！ 如果我搜索其他东西，偶尔会再次渲染数据，但它似乎不一致，我找不到共同的原因.. 这在firefox中似乎不是问题，但我的公司肯定是在Chrome阵营。 帮帮我，互联网的巫师。

Handsontable增加行标题宽度

我正在使用自定义行标题名称，并且有一个恰好比其他名称长一点。 rowHeaders: [“Entree”, “”, “Plat”, “”, “Dessert”, “”, “Prix 2”, “Prix 3”] 我的问题是如何增加row header width ？ 我没有运气就彻底检查了文档。 我尝试在options使用colWidths: 200 ，但这只适用于除行标题宽度之外的所有内容。 选项文档在这里 。

表filter不使用退格键

我正在根据http://docs.handsontable.com/0.15.0-beta6/demo-search-for-values.html上的内置搜索function，使用handontable复制一个实时filter框。 现在我有一个基本的设置工作在http://jsfiddle.net/uL3L4teL/4/ 如文档中所述，在此代码中，如果输入搜索字符串，则使用以下函数获取输出到控制台的匹配单元格： Handsontable.Dom.addEvent(searchFiled, ‘keyup’, function (event) { var queryResult = hot.search.query(this.value); console.log(queryResult); // … }); 我想抓住数据数组中与搜索字符串匹配的行，并在重新显示表之前通过搜索字符串过滤原始数据“数据”。 这部分工作使用： Handsontable.Dom.addEvent(searchFiled, ‘keyup’, function (event) { // debugger hot.loadData(tData); var queryResult = hot.search.query(this.value); rows = getRowsFromObjects(queryResult); console.log(‘searchFiled’,searchFiled.value); console.log(‘rows’,rows); console.log(‘tData’, tData); var filtered = tData.filter(function (d, ix) { return rows.indexOf(ix) >= 0; }); console.log(‘filtered’, filtered); hot.loadData(filtered); }); 但是当我运行这个时，我在控制台中看到以下内容，当我输入’n’后跟退格（清空搜索字符串）时： 输入’n’： […]

通过JSON将数据从Handsontable检索到Struts2 Action无法正常工作

我使用struts2-json插件生成JSON数据和Ajax，用来自该JSON的数据（ 根据源 ）填充表（handsontable）。 现在，我需要使用JSON的Ajax从表中检索数据到Struts2 Action。 首先，我已经使用JSON从Struts2 Action传递给Handsontable的数据实现了填充表，这非常简单且有效。 但为什么保存不起作用，你可以在下面的附加代码中看到？ 正如我在firebug中看到的那样发送了POST，并且在调试中，我的JSONSaveAction操作中检索到了请求，但是字段数据没有填充JSON数据，为什么？ 不应该通过struts2-json插件自动将数据绑定到java对象？ 我究竟做错了什么？ 在handsontable部分，函数handsontable.getData()负责从表中获取整个数据。 所以我这样使用它但没有成功： $.ajax({ url: “../json/saveJSONDataAction.action”, data: {data: handsontable.getData()}, //returns all cells’ data dataType: ‘json’, type: ‘POST’, success: function (res) { if (res.result === ‘ok’) { $console.text(‘Data saved’); } else { $console.text(‘Save error’); } } }); 函数handsontable.getData()实际上检索了我检查的所有数据，但是在我的JSONSaveAction操作中，数据没有绑定到java对象List data 。 你知道为什么吗？ 这是POST请求后我的表和firebug信息的屏幕截图： 将JSON发送到handontable的动作（正常工作）： @ParentPackage(“json-default”) @Action(value=”getJSONDataAction”) @Result(name=”success”, […]

在Scroll上的Handsontable网格行上应用的CSS无法正常工作

我正在使用Handsontable 0.11.4网格，其中加载的行有黄色背景，点击行中的图标有一个逻辑删除黄色背景，它完美地工作。 如果我点击2行，它会将这些行设置为白色，就像它应该的那样。 当我向下滚动时，白色的行会随之滚动。 向后滚动时，它将返回到最初选定的行 jsfiddle – `https://jsfiddle.net/3ukL2yvt/` 重现步骤 – 1）单击第1,2行等图标。它将变为白色2）向下滚动 滚动后的每1,2等行现在都有白色背景（似乎在滚动时在幕后使用索引）。 有没有办法解决它？ 任何帮助将非常感激。

Javascript函数无法返回元素

所以我现在正在为一个项目使用Handsontable jQuery插件，我已经编写了一些自定义函数来处理它。 我目前遇到问题的function是我编写的用于返回当前所选单元格的function（当用户只选择一个而不是多个，并且检查是的时）。 这是我的代码： function getCurrentCell(){ var selection = $(‘div.current’); var left = selection.offset().left; var right = left + selection.width(); var top = selection.offset().top; var bottom = top + selection.height(); $(‘div.active’).find(‘table’).find(‘td’).each(function(){ if($(this).offset().left >= left && $(this).offset().left = top && $(this).offset().top <= bottom){ return this; } }); return false; } 但是，每当我调用这样的函数时： var cell = getCurrentCell(); 然后尝试alert(cell)或console.log(cell) […]