SlickGrid 类似 Excel 的行为

Question

我想用 SlickGrid 模仿电子表格的特定行为。用户：

1. 单击单元格以激活它
2. 输入=sum(，或任何公式，
3. 原始单元格地址被保存
4. 用户选择单元格范围（我假设原始单元格关闭编辑器）
5. 焦点返回到原始单元格并附加了新的单元格范围，即 =sum(r1c1,r2c2) ，

的是需要更改焦点。

var cell_with_formula = null;
grid = new Grid($("#myGrid"), data, columns, options);

// save original cell address, but there is no onBlur event
grid.onBlur = function(args){
  cell_with_formula = args; // save address
}; 

grid.onCellRangeSelected = function(){
  if(cell_with_formula){
    // check if cell_with_formula has `=` at begining
    // if so, append selected range    
    cell_with_formula = null;
  }
}; 

让我感到困惑

Answer 1

这在 SlickGrid 1.4.x 中是不可能的，但在目前仍在积极开发的 2.0 版本中将得到支持。 alpha 托管在 GitHub 上的单独分支中 - https://github.com/mleibman/ SlickGrid/tree/v2.0a，我刚刚通过示例检查了支持此功能的初步代码。请参阅<。

这是一个基本的公式编辑器实现：

function FormulaEditor(args) {
    var _self = this;
    var _editor = new TextCellEditor(args);
    var _selector;

    $.extend(this, _editor);

    function init() {
        // register a plugin to select a range and append it to the textbox
        // since events are fired in reverse order (most recently added are executed first),
        // this will override other plugins like moverows or selection model and will
        // not require the grid to not be in the edit mode
        _selector = new Slick.CellRangeSelector();
        _selector.onCellRangeSelected.subscribe(_self.handleCellRangeSelected);
        args.grid.registerPlugin(_selector);
    }

    this.destroy = function() {
        _selector.onCellRangeSelected.unsubscribe(_self.handleCellRangeSelected);
        grid.unregisterPlugin(_selector);
        _editor.destroy();
    };

    this.handleCellRangeSelected = function(e, args) {
        _editor.setValue(_editor.getValue() + args.range);
    };


    init();
}