如何在jqgrid的表头上面多添加一行,并且自定义里面的内容

如何在jqgrid的表头上面多添加一行,并且自定义里面的内容,第1张

在配置里加一个toolbar: [true, "top"],即在顶部添加一个toolbar ,然后在页面代码里加一句$("#t_JQGridName").append(这里写你想添加的东西,比如想在toolbar里加一个table就写 "<table>表格</table>")。另外注意#后的格式是“t_你的JQGrid的名字”。

我随便试了一下,是可以的。。是不是你的jquery版本太旧了。

jQuery("#list4").jqGrid({

    datatype: "local",

    height: 'auto',

    width:'100%',

    colNames:['id','invdate','name','note','amount','tax','total'],

    colModel:[

        {name:'id',index:'id', sortable:false},

        {name:'invdate',index:'invdate', width:60},

        {name:'name',index:'name', width:130},

        {name:'note',index:'note', width:130},

        {name:'amount',index:'amount', width:92},

        {name:'tax',index:'tax', width:92},

        {name:'total',index:'total', width:130}],

    sortname: 'id', viewrecords: true, sortorder: "asc",

    multiselect: true,

    onCellSelect: function(rowid,iCol,cellcontent,e) {

    }

})

        

var mydata = [

    {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},

    {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}]

for(var i=0 i <= mydata.length i++){

    jQuery("#list4").jqGrid('addRowData',i+1,mydata[i])

}

其实这样的最后在后台返还前加,如果够4条就多加几条空信息的数据。要在前端实现的可以在loadComplete的时候往grid中添加行,如下 loadComplete: function(){ var re_records = $("#list").getGridParam('records')if(re_records <4 ) { for(..


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/10970353.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存