2014-05-17 37 views
1

我有一个需要动态增加或减少Jqgrid列的需求。我有一个,三个,七个,一个月等多个按钮。这些按钮表示天和我需要添加作为列动态地在Jqgrid中命名。在JQGrid中获取动态列

这里是设计的PIC ..

Design layout

现在按图片,如果我在current只有一列单击应该是可见的,如果点击One Day两米栏是可见和同样如果点击Month应该动态生成30列。

这里我指的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'} 
       ], 

请帮助我..

回答

2

有点搜索,我发现this topic解释如何做你想做的。而here是一个演示添加列dinamically。基本上,您需要做的是:创建一个function,其中包含您想要的每个选项卡的数据,并插入click event handler以卸载先前的设置数据,并调用特定单击选项卡的功能以在网格中插入新数据。