jqgrid表格,参数详解

$('#idx_table').jqGrid({
    //使用这个是因为不需要加载数组,等点击搜索,或者某一个属性改变时重新加载
    /*datatype: "local",
    data:data6,*/
    //使用这个是直接加载数据,
    /* url : $.cxt + "channelInfo/select",
    postdata : {channelId : channelId},
    type : "POST",
    mtype:'JSON', */
    //这里是直接重新加载数据的一种写法
    url : $.cxt + "/channel/selectChannelList",
    //值的类型是json
    datatype: "json",
    //请求后台的方式
    mtype: "POST",
    //传递到后台的值
    postData : {gridCode:gridCode},
    //高度自定义  可以是int值,不能加px
    height : topjqGridHeight(),列如500
    //宽度,这里是自定义,但是,当你想要有滚动条的时候,这里要变成false
    autowidth : true, 列如500
    //这个是页面显示的值  和下面的colModel字段的数量要一致
    colNames : ['序号'],
    //这个是后台List<Map<String,String>>这key的值,和上面的字段的数量要一致
    colModel : [ {name : 'rowNum',align : 'center'}, ],
    //显示总的记录条数
    viewrecords : true,
    //显示行 序列,
    rownumbers: false,
    //是否可以多选,
    multiselect: true,  
   // multiboxonly:true,  
   //在选中一行之前执行的函数beforeSelectRow
    beforeSelectRow: beforeSelectRow,
    //点击上一页和下一页的时候触发
//        onPaging : onPaging,  
    //默认显示的记录数
    rowNum : 10,
    //页面可以显示多少记录数
    rowList : [ 10, 20, 30 ],
    //显示总的记录条数
    viewrecords : true,
    //显示行 序列,
    rownumbers: false,
    //是否可以多选,
    multiselect: true,  
    
    autowidth : false,//必须要,否则没有水平滚动条
    autoScroll: true,    //shrinkToFit: false,autoScroll: true,这两个属性产生水平滚动条   
    shrinkToFit:false,
    
    multiselet: false,//checkbox  多选
    //这个是table下面div的id
    pager : '#sel_indexTable-pager',
        
//name:后台list<Map<String,String>>中map的key align:center 样式居中  
//这里还可以是在后台直接处理,多加几个字段,让他显示,
//但是如果返回的是model,那就不行了,
//formatter:function(){这个这一列要执行的函数,这里的意思是当map中key的value值为0时,页面显示已完成}
{name : 'status',align : 'center',formatter : function(cellvalue, options, cell){
      if(cellvalue == '0') return '执行中';
      if(cellvalue == '1') return '已完成';
      if(cellvalue == '2') return '未执行';
      if(cellvalue == '3') return '暂停';
      else return '';
}}, 
//这里是为option这列页面显示是一个  恢复的字段,该字段是带有一个onlick()[小写的onclick]事件,html就是页面显示
{name : 'option',align : 'center',formatter : function(cellvalue, options, cell) {
    var html = "<a onclick=\"recovery('"+cell.taskCode+"')\" href=\"#\">恢复</a>&nbsp;&nbsp;&nbsp;&nbsp;";
    return html;
}}

//当网格名称。渠道名称,状态改变时,重新加载
function channelAndStatusChange(){
    //获取传递到后台的参数
    var status= $("#idx_status").val();
    //将状态所选数组,转成字符串
    var state = JSON.stringify(status); 
    //加载之前清空表格
    $("#idx_table").jqGrid('clearGridData');
    $("#idx_table").jqGrid('setGridParam',{ // 重新加载数据
        //重新加载表格的时候,重新写上url
        url : $.cxt + "/contract/getIndexTable",
        postData : {statusArr:state}, //  data 是符合格式要求的需要重新加载的数据 
        datatype : "json",
        mtype: "POST",
        page : 1
    }).trigger("reloadGrid");
}

        

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值