在 JQGrid 中获取动态列答案

【问题标题】：Getting Dynamic Columns in JQGrid在 JQGrid 中获取动态列
【发布时间】：2014-05-17 11:24:53
【问题描述】：

我有一个要求，我需要动态增加或减少 Jqgrid 列。我有多个按钮，例如 One、Three、Seven、One Month 等。这些按钮表示天数，我需要在 Jqgrid 中动态添加列名。

这是设计的图片..

现在根据图片，如果我点击current，只有一列应该可见，如果点击One Day，两列应该可见，同样，如果点击Month，应该动态生成三十列。

这是我所指的 JQgrid 示例代码..

                grid.jqGrid({
                datatype: "local",
                data: mydata,
                colNames:['Room No', '12', '13','14','15','16'],
                colModel:[
                    {name:'Room No',index:'Room No', width:42, align:'center'},
                    {name:'',index:'', editable:true, align:'center'},
                    {name:'',index:'', editable:true, align:'center'},
                    {name:'',index:'', editable:true,align:'center'},
                    {name:'',index:'', editable:true,align:'center'},
                    {name:'',index:'', sortable:false,align:'center'}
                ],

请帮帮我..

【问题讨论】：

标签： jquery html jqgrid

【解决方案1】：

稍作搜索，我发现this topic 解释了如何做你想做的事。 here 是一个动态添加列的演示。基本上，您要做的是：为每个选项卡创建一个带有所需数据的function 并插入一个click event handler 以卸载先前设置的数据并调用特定单击选项卡的函数以在其中插入新数据网格。

【讨论】：