DHHD-JqGrid相关

JQGRID日常问题记录

1、如果grid列表后端存的是码表值 前端需要显示字符串 如下操作：

{
							label : $.i18n.prop("leaveType", "假别"),
							name : 'leaveType',
							sortable : false,
							formatter : function(cellvalue, options, rowObject) {
								if (cellvalue == "10") {
									return "事假";
								} else if (cellvalue == "11") {
									return "产假";
								} else if (cellvalue == "12") {
									return "婚假";
								} else if (cellvalue == "13") {
									return "丧假";
								} else if (cellvalue == "14") {
									return "休假";
								} else if (cellvalue == "15") {
									return "探亲假";
								}
							}
						},

---

2、表头文字太长，换行显示。加样式

th.ui-th-column div{
	   white-space:normal !important;
	   height:auto !important;
	   padding:0px;
}

3、给每行添加id；

  { 
	    label: '行政编码', 
	    name: 'areaId',
	    cellattr: function(rowId, tv, rawObject, cm, rdata) {
             return 'id=\'areaId' + rowId + "\'";
         }
},

4、合并行。注:后台返回的数据要根据合并行名称排序才行。需要合并行必须添加行ID

	       //给需要合并的行添加ID
            { 
	        	label: '行政区划', 
	        	name: 'area',
	        	cellattr: function(rowId, tv, rawObject, cm, rdata) {
                     //合并单元格
                     return 'id=\'area' + rowId + "\'";
                 }
	        },
	        { 
	        	label: '行政编码', 
	        	name: 'areaId',
	        	cellattr: function(rowId, tv, rawObject, cm, rdata) {
                    //合并单元格
                    return 'id=\'areaId' + rowId + "\'";
                }
	        },

  gridComplete : function() {
            //parm1：jqGridID，parm2：主合并的行名称，parm3：其他合并行name        
	        //$.jgrid.mergerRow("jqGrid", 'area',['areaId','isPoorCounty']);
	        $.jgrid.mergerRow("jqGrid", 'area',['areaId']);
    }

5、序号列加表头

 $("#jqGrid").jqGrid('setLabel','rn', '序号', {'text-align':'left'},'');