javascript - 使用 JS-grid 实现添加列

Question

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

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

$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选项。