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) […]