在JQGrid中获取动态列

Question

我有一个要求，我需要动态增加或减少Jqgrid列。我有多个按钮，如一，三，七，一个月等。这些按钮表示天，同样我需要动态添加为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'}
                ],

请帮帮我..

Answer 1

稍微搜索一下，我发现this topic解释了如何做你想做的事。而here是一个演示文章，以dinamically方式添加列。基本上，您需要做的是：使用您想要的每个选项卡的数据创建function并插入click event handler以卸载以前的设置数据，并调用特定单击选项卡的函数在网格中插入新数据。