【jqgrid】 js实现动态列名

js实现代码：

jQuery(function(){
var JdxsGrid = Class.create(BaseJqGrid,{  
caption : "学生列表",
pager: "pager", //分页工具栏  
postData:{id:jQuery("#id").val(),jddm:jQuery("#jddm").val()},
        url:_path+"", 
sortname: 'zkzh', //首次加载要进行排序的字段 
        sortorder: "asc"
    });

var grid = new JdxsGrid();
grid["colModel"] = getColList();
setTimeout(function(){
loadJqGrid("#tabGrid","#pager",grid);
},100);

function getColList(){
var colList = [
{label:'bmid',name:'bmid', index: 'bmid',hidden:true},
{label:'准考证号',name:'zkzh', index: 'zkzh',key:true,align:'center'},
{label:'姓名',name:'xm', index: 'xm',align:'center'}
   ];
var kmInfo = jQuery("label[name=kmInfo]");
var jddm = jQuery("#jddm").val();
var currentJddm = jQuery("#currentJddm").val();
var tjzt = jQuery("#tjzt").val();

jQuery.each(kmInfo,function(i,n){
var map = {};
map["label"] = jQuery(n).attr("kmmc");
map["name"] = "fs"+i;
map["index"] = "fs"+i;
map["align"] = "center";
var kmdm = jQuery(n).attr("kmdm");

if (jddm == currentJddm && tjzt != '1'){
map["formatter"]=function(c,o,r){
var col = c == undefined ? '' : c;
return "<input type='text' name='kscj' maxlength='10' style='width:60px;' value='"+col+"' οnkeyup=\"toNext(this);\" οnblur=\"saveKscj('"+r["zkzh"]+"','"+kmdm+"',this.value)\"/>";
};
}

colList.push(map);
});

colList.push({label:'备注',name:'bz', index: 'BZ',align:'center',formatter:function(c,o,r){

var col = c == undefined ? '' : c;
if (jddm == currentJddm && tjzt != '1'){
return "<input type='text' value='"+col+"' maxlength='40' οnkeyup=\"toNext(this);\" οnblur=\"saveKsbz('"+r["bmid"]+"',this.value)\"/>";
}
return col;
}});

return colList;
}

body标签中遍历出后台的list

<s:iterator value="kskmList" id="e" status="k">
<label style="display:none;" kmdm="${e.KMDM }" kmmc="${e.KMMC }" name="kmInfo"></label>
</s:iterator>

浏览器中结果如下图：

最终效果图：

这里的考试科目是动态生成的