Question

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

`var data = [ { “名字”：“克里斯托弗”， “已婚”：虚假， “测试”：“这里”， “Col”：“新” }， { “名字”：“大卫”， “已婚”：虚假， “测试”：“这里”， “Col”：“新” }， { “名字”：“萨尔”， “已婚”：是的， “测试”：“这里”， “Col”：“新” }， { “名字”：“迈克”， “已婚”：虚假， “测试”：“这里”， “Col”：“新” } ];

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

使用JS-grid实现添加列

1 个答案: