javascript - 在按键 SlickGrid 上调用自定义方法

Question

我正在使用 slickgrid 来显示某些数据。如何将自定义方法添加到 slickgrid 行？

例如：我想在按下回车键时打开带有当前行数据的模式框。

Answer 1

您可以订阅onKeyDown网格中的事件来检查这一点。就像是：

grid.onKeyDown.subscribe(function(e) {
   if (e.which == 13) {
      // open modal window
   }
});

让我知道这是否有帮助！

Answer 2

如果我很好地满足了您的要求，请尝试此代码，

createInvoiceDetailsTable : function () {
    var gridOptions, gridColumns;

    gridColumns = [
        {id:'ean_code', name:'EAN', field:'ean_code', width:125, cssClass: 'grid-cell'},
        {id:'description', name:'Product Description', field:'description', width:250, formatter:opr.invoice.productGridDescriptionFormatter, cssClass: 'grid-cell'},
        {id:'qty', name:'Qty', field:'qty', width:40, , formatter:UpdateQtyBtnFormatter},
    ];



    gridOptions = {
        editable: true,
        autoEdit: true,
        enableAddRow: false,
        enableCellNavigation: true,
        asyncEditorLoading: false,
        enableColumnReorder: false,
        rowHeight: 35
    };

    dataView = new Slick.Data.DataView();
    invoiceProductGrid = new Slick.Grid($('#invoice_details_grid_div'), dataView , gridColumns, gridOptions);

    function UpdateQtyBtnFormatter (row, cell, value, columnDef, dataContext) {
        return '<input type="button" style="width:30px; height:30px;" class="update_invoice_product_qty" id="' + value + '" value="Q"/>';
}
}

使用此类update_invoice_product_qty名称，您可以编写事件。

如果这不是您的要求，请分享您之前尝试过的一些代码或程序。