datagrid

1. datagrid
initParam();        
var data = sy.serializeObject($('#condForm'));

$('#dataGrid').datagrid({
    title:' 数据管理 >> 消费管理',
    iconCls:'icon-local',
    url : '<%=request.getContextPath()%>/bcc/selConsume',
    queryParams: data,
    pagination : true,
    pageSize : 10,
    pageList : [ 10, 20, 30, 40, 50 ],
    fit : true,          --- 上下自适应。true时，footer在最底下。
    //fitColumns : true, --- 列自适应。当按自定义列宽时，需改为false。
    border : false,
    /* idField : 'appId',
    singleSelect:true,
    checkOnSelect : false,
    selectOnCheck : false,  */
    nowrap : false,      --- 内容过长时，自动换行
    rownumbers:true,             
    columns : [ [
    {
    field : 'projectName',
    title : '项目名称',
    width : 70 ,
    align:'left',    ---内容居左
    halign: 'center' ---标题居中
    },{
    field : 'startDate',
    title : '统计时间',
    width : 130 ,
    align:'left',
    halign: 'center',
    formatter:function(value,row,index){                    
        return row.startDate+"-"+row.endDate;
    }  
    },{
    field : 'consume',
    title : 'XX消费</br>（消费人数）',  --- </br>可以使标题换行，注意js版本等
    width : 100 ,
    align:'left',
    halign: 'center'
    }] ],
    toolbar : '#toolbar',
    onBeforeLoad : function(param) {                 
    parent.$.messager.progress({text : '数据加载中....'});
    },
    onLoadSuccess : function(data) {
    if(data.total==0){
        var dc = $(this).data('datagrid').dc;
        var header2Row = dc.header2.find('tr.datagrid-header-row');
        dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"}));
    }
    right = data.right;
    parent.$.messager.progress('close');
    }  
});

2. 获得一行数据：
function getRowData(rowIndex) {
    var rows = $("#dataGrid").datagrid("getRows");//返回datagrid对应的rows;取出所有list
    return rows[rowIndex];
}

获得行号：
function RowsFormatter(value, data, index) {
    return (index + 1);
}

获取datagrid里的total的值：
function getTotal(){
    var data=$('#dataGrid').datagrid('getData');
    return data.total;
}

3.datagrid当没有数据时，列又很多的情况下，因为滚动条消失，导致标题/列名显示不完整。（各列宽度和>div的宽度，有滚动条）
方法一：
onLoadSuccess:function(data){
    if(data.total == 0){
        $("#blrpTable").datagrid("insertRow",{row:{}});
        $("tr[datagrid-row-index='0']").css({"visibility":"hidden"});
    }
    right = data.right;
    parent.$.messager.progress('close');
}

方法二：
onLoadSuccess:function(data){
    if(data.total==0){
        var dc = $(this).data('datagrid').dc;
        var header2Row = dc.header2.find('tr.datagrid-header-row');
        dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"}));
    }
    right = data.right;
    parent.$.messager.progress('close');
}