grid

參考示例：匯總行
           

Javascript處理          

通常在表格的"load"數(shù)據(jù)加載完成事件中，更新表格的匯總信息：

grid.on("load", onGridLoad);

function onGridLoad(e) {
    var result = e.result;
    var grid = e.sender;

    var cellEl = grid.getSummaryCellEl("ageColumn");
    cellEl.style.cssText = "text-align:right";
    cellEl.innerHTML = "<span style='color:Brown;'>"
                    + 'Min=' + result.minAge + "<br/>"
                    + 'Max=' + result.maxAge + "<br/>"
                    + 'Avg=' + result.avgAge + "<br/>"
                    + "</span>";

    var cellEl = grid.getSummaryCellEl("totalColumn");
    cellEl.innerHTML = "總員工數(shù)：" + result.total;
}

服務(wù)端數(shù)據(jù)處理          

在服務(wù)端返回表格分頁(yè)數(shù)據(jù)時(shí)，我們額外增加了一些屬性，比如minAge、maxAge、avgAge等，代碼如下：

public Hashtable SearchEmployees(string key, int index, int size, string sortField, string sortOrder)
{        
    ArrayList employees = ......;   //分頁(yè)后的數(shù)據(jù)
    int totalCount = ......;        //總記錄數(shù)

    Hashtable result = new Hashtable();
    result["data"] = employees;
    result["total"] = totalCount;

    //生成一些匯總信息
    ArrayList ages = DBUtil.Select("select min(age) as minAge, max(age) as maxAge, avg(age) as avgAge from t_employee");
    Hashtable ageInfo = ages[0] as Hashtable;
    result["minAge"] = ageInfo["minAge"];
    result["maxAge"] = ageInfo["maxAge"];
    result["avgAge"] = ageInfo["avgAge"];

    return result;
}