使用 JS-grid 实现添加列

Question

我正在研究 js-grid，我正在尝试找到一种方法来动态地将列添加到网格中。我知道有一种添加行的方法，但我想看看网格是否具有使用按钮添加列的功能。我一直在阅读文档，不确定这是否可行。我的代码如下所示。任何帮助示例或资源将不胜感激。

`var 数据 = [ { “姓名”：“克里斯托弗”， “已婚”：假， “测试”：“这里”， “科尔”：“新” }, { “姓名”：“大卫”， “已婚”：假， “测试”：“这里”， “科尔”：“新” }, { “姓名”：“萨尔”， “已婚”：真的， “测试”：“这里”， “科尔”：“新” }, { “姓名”：“迈克”， “已婚”：假， “测试”：“这里”， “科尔”：“新” } ];

$j("#jsGrid").jsGrid({
        height: 300,
        width: "100%",

        paging: true,
        autoload: true,
        inserting: true,
        editButton: true,
        editing: true,


        pageSize: 6,

        controller: {
            loadData: function() {
            return data;
        }
    },


    onRefreshed: function(args) {
            var items = args.grid.option("data");
            console.log( items, 'lets get dangerous')
         },

    fields: [

        { name: "Name", itemTemplate:function(value, item){
            if(!value){
                value = 'new';
                return item.Name = value;
            }else{
                return item.Name = value;
            }
        }, type: "textarea", width: 50 },




        { name: "Testing", itemTemplate:function(value, item){
            if(!value){
                value = 'new';
                return item.Testing = value;
            }else{
                return item.Testing = value;
            }
        }, type: "textarea",width: 50, height: 50},


        { name: "Col", itemTemplate:function(value, item){
            if(!value){
                value = 'new';
                return item.Col = value;
            }else{
                return item.Col = value;
            }
        }, type: "textarea",width: 50, height: 50},
        { type: "control" },

    ]

});`

Answer 1

您可以将网格的新列设置fields 选项添加到新的列（字段）数组中：

$("#grid").jsGrid("option", "fields", newFieldsArray);

拥有一组初始字段，向其中推送新列并设置网格的fields 选项。