jQuery Grid中的formatter介绍

jQuery Grid中的formatter介绍

var orderbh=$('#orderbh').val();
var customer=$('#customer').val();
var productname=$('#productname').val();
var containerbh=$('#containerbh').val();
var wagonnum=$('#wagonnum').val();
var ticketnum=$('#ticketnum').val();
var colNames = [ '订单编号', '委托货单位', '品名','箱号',
                '装车日期','车皮号','货票号','货物重量','创建时间'];
var colModel = [ 
            {name : 'orderbh',index : 'orderbh'},
            {name : 'customer',index : 'customer'},
            {name : 'productname',index : 'productname'},
            {name : 'containerbh',index : 'containerbh',
             formatter:function(cellvalue, options, rowObject){
              
             return rowObject.containerbh1+'<br/>'+rowObject.containerbh2;
            }},
            {name : 'traindate',index : 'traindate'},
            {name : 'wagonnum',index : 'wagonnum'},
            {name : 'ticketnum',index : 'ticketnum'},
            {name : 'weight',index : 'weight'},
            {name : 'createtime',index : 'createtime'}
          ];
jQuery("#grid-table").jqGrid({
url : common.getContextPath()+'/order/getTrainPage.do', 
postData:{
"orderbh":orderbh,
"customer":customer,
"productname":productname,
"containerbh":containerbh,
"wagonnum":wagonnum,
"ticketnum":ticketnum
},
mtype : "post", 
datatype : "json", 
colNames : colNames, 
colModel : colModel, 
rowNum : 10,
rowList : [10, 20, 30],
pager : '#grid-pager',
viewrecords : true, 
multiselect:true,//开启checkbox行选择
multiboxonly:true,//一次只能选中一行
rownumbers:true,//显示行号
autowidth:true,
//自适应表格宽度：为父元素宽度
shrinkToFit:true,//此属性用来说明当初始化列宽度时候的计算类型，如果为ture，则按比例初始化列宽度。如果为false，则列宽度使用colModel指定的宽度
height:'100%',//表格数据区高度
pgbuttons:true,//是否显示分页按钮
loadComplete : function() {
var table = this;
setTimeout(function(){
updatePagerIcons(table);
enableTooltips(table);
}, 0);
},
ondblClickRow: function(rowid,iRow,iCol,e){
//ondblClickRow(rowid,iRow,iCol,e)
viewRecord(rowid);
}
});