在handsontable中 - 按功能将数字转换为日期并加载刷新更多数据

时间:2013-07-05 19:49:52

标签: javascript handsontable

我正在使用handontable为我的数据库创建一个CRUD(创建读取更新删除)界面,现在需要这两件事。

  1. 能够创建/更新/删除rows/cells which are changed(而不是整个数据集)
  2. 能够从数据库load more data(添加新记录)或refresh changed rows
  3. -

    第1部分(已解决) - http://jsfiddle.net/p7KwM/

    所以我在数据库中添加了一个字段名modified as timestamp (INT),以便通过检查这个修改后的字段在用户端刷新数据,并且它是INT,因此可以按用户添加TZ值。点击此处http://demo.mgvz.com/.twilio/loader.pl,现在I am stuck at that I want to modify this INT to add TZ value and to covert it to date-time format within handsontable。 (不能做服务器端)如果它可以通过handontable中的函数进行修改,否则唯一的选择是在将其提供给handsontable之前修改它。

    第2部分(任何帮助表示感谢)

    其次,我必须add rows which are created on serverupdate rows which are changed on server,而不影响其他未更改的行(用户可能正在编辑其他行),并在添加行时保持排序。

    任何人都可以指导我。

    由于

1 个答案:

答案 0 :(得分:2)

要更新数据,请查看setDataAtCell方法:

setDataAtCell (row: Number, col: Number, value: Mixed, source: String (Optional)) 

要添加在服务器上创建的新行,请查看alter方法:

alter ('insert_row', index: Number, amount: Number (Optional), source: String (Optional))

您可以找到有关这两种方法的更详细说明here

所以要更新在服务器上更改的内容:

$container.handsontable('setDataAtCell', rowIndex, colNumber, "New Value");

并添加新内容:

var rowIndex = 2; //You will need to determine this to maintain sorting, or set to null to add as last row.
var numberOfRows 1; //Only adding one row at a time
$container.handsontable('alter', 'insert_row', rowIndex, colNumber);
//After row is added you can update the values of each column using setDataAtCell as per above
$container.handsontable('setDataAtCell', rowIndex, 1, "FirstName");
$container.handsontable('setDataAtCell', rowIndex, 2, "LastName");
//One line for each column or have a look at the setDataAtCell method for alternative option

如果用户例如编辑需要更新的值,或者在用户编辑时添加行会发生什么,您可能会遇到问题?

我希望这有助于