javascript - 如何在slickgrid中动态添加列？

Question

我正在尝试通过迭代 javascript 数组对象来将动态列添加到 slickgrid。

js数组中对象的格式为:

 auditor = {"firstName":"test audit manager","lastName":".","middleName":null,"partyId":"11140"}

var columns = [];
/*from the ajax result, I'm obtaining 'auditors' js array */

for (var key in auditors) {

var auditor =  auditors[key];
                    var name = auditor["firstName"];

                    if(auditor["middleName"]){
                        name += auditor["middleName"];
                    }
                    if(auditor["lastName"]){
                        name += auditor["lastName"];
                    }
                    if(auditors[parseInt(key)+parseInt(1)]){
                        columns = columns += '{id: '+'"auditor_'+key+'", name: '+'"'+name+'"'+', field: '+'"auditor_'+key+'", editor: Slick.Editors.Text, width:80, minWidth:80, sortable:true, focusable:false},'; 
                    }
                    else{
                        columns = columns += '{id: '+'"auditor_'+key+'", name: '+'"'+name+'"'+', field: '+'"auditor_'+key+'", editor: Slick.Editors.Text, width:80, minWidth:80, sortable:true, focusable:false}';
                    }
                }//end for loop

columns.replace(/\\\//g, "/");

var options = {
                enableCellNavigation: true,
                enableColumnReorder: false,
                editable: true,       
                forceFitColumns: false,         
                enableCellNavigation: true,
                //enableAddRow: true,
                asyncEditorLoading: false,          
                autoEdit: true,
                secondaryHeaderRowHeight: 25
            };

            $(function () {
                grid = new Slick.Grid("#myGrid", data, columns, options);
                grid.setSelectionModel(new Slick.CellSelectionModel()); 
                var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);

                grid.onAddNewRow.subscribe(function (e, args) {
                    var item = args.item;   
                    grid.invalidateRow(data.length);
                    data.push(item);
                    grid.updateRowCount();
                    grid.render();
                });
            });

Answer 1

您正确地将columns声明为顶部的数组，但稍后您要向其中添加字符串值。使用.push向数组添加元素，并且值不能是字符串。

类似于:

columns.push(
  { 
    id: "auditor_" + key, 
    name: name, 
    field: "auditor_"+ key, 
    editor: Slick.Editors.Text, 
    width:80,  
    minWidth:80,  
    sortable:true, 
    focusable:false
  }
);

那么显然，您的 .replace() 必须在数组的元素上完成，或者在为数组赋值之前完成。