一、HTML代码

 <table id="dg" class="easyui-datagrid" style="width: 100%; height: 400px;" data-options="">
<thead>
<tr>
<th data-options="field:'DeviceId',checkbox:true"></th>
<th data-options="field:'DeviceName', width:120,align:'center'" >名称</th>
<th data-options="field:'DeviceUnitName', width:80,align:'center'">单位</th>
<th data-options="field:'MakePlace', width:120,align:'center'">产地</th>
  <th data-options="field:'OriginalValue',width:90,align:'center'">资产原值</th>
<th data-options="field:'BuyTime', width:120,align:'center'">购置日期</th> </tr>
</thead>
</table>

二、JS代码:showFooter: true,代表grid添加总合计行。

 $(".easyui-datagrid").datagrid({
rownumbers: true,
singleSelect: false,
fitColumns: false,
idField: 'DeviceId',
method: 'post',
url: '/Admin/Report/DeviceDetialListSearch',
remoteSort: false,
multiSort: false,
showFooter: true,
pagination: true,
pageSize: ,
pageList: [,,],
queryParams: {
'DeviceIdList':"",
'DeviceName':$("#DeviceName").combobox('getValue'), },
onLoadSuccess: function () {
//$("#dg").datagrid('clearChecked');//清除复选框
//$("#dg").datagrid('load');
}
});

三、后台Controller函数 DeviceDetialListSearch(); StringBuilder jsonBuilder 就是要添加的Footer。和分页一起整合成Json传到前台datagrid,会自动识别。PageCount 是当前页行数,PageValues就是当前页 原值那一列 OriginalValue的总合计。SearchForDetail()求得是当前页的数据。SearchForDetailSum()求得是总合计。

  public ActionResult DeviceDetialListSearch()
{
DataTable dt = new DataTable();
FADeviceInfoModel InfoModel = new FADeviceInfoModel();
string DeviceIdList = Request["DeviceIdList"]; int pageSize = int.Parse(Request["rows"]);
int nowPage = int.Parse(Request["page"]);
int recordCount = ; //搜索条件下的总记录数量
dt = InfoModel.SearchForDetail(pageSize, nowPage, out recordCount, DeviceIdList,Request["DeviceName"]);
//当前页统计
string PageValues = "";
int PageCount = ;
if (dt != null)
{
PageValues = dt.Compute("Sum(OriginalValue)", "").ToString();
PageCount = dt.Rows.Count;
} DataTable DtTotal = InfoModel.SearchForDetailSum(DeviceIdList,Request["DeviceName"]); StringBuilder jsonBuilder = new StringBuilder();
# region 当前页总合计
jsonBuilder.Append("{");
jsonBuilder.Append("\"");
jsonBuilder.Append("DeviceName");
jsonBuilder.Append("\":\"");
jsonBuilder.Append("当前页总合计");
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("DeviceUnitName");
jsonBuilder.Append("\":\"");
jsonBuilder.Append("数量");
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("MakePlace");
jsonBuilder.Append("\":\"");
jsonBuilder.Append(PageCount);
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("OriginalValue");
jsonBuilder.Append("\":\"");
jsonBuilder.Append("原值");
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("BuyTime");
jsonBuilder.Append("\":\"");
jsonBuilder.Append(PageValues);
jsonBuilder.Append("\"");
jsonBuilder.Append("},");
#endregion #region 总合计
jsonBuilder.Append("{");
jsonBuilder.Append("\"");
jsonBuilder.Append("DeviceName");
jsonBuilder.Append("\":\"");
jsonBuilder.Append("总合计");
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("DeviceUnitName");
jsonBuilder.Append("\":\"");
jsonBuilder.Append("数量");
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("MackePlace");
jsonBuilder.Append("\":\"");
jsonBuilder.Append(DtTotal.Rows[]["SumCount"]);
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("OriginalValue");
jsonBuilder.Append("\":\"");
jsonBuilder.Append("原值");
jsonBuilder.Append("\","); jsonBuilder.Append("\"");
jsonBuilder.Append("BuyTime");
jsonBuilder.Append("\":\"");
jsonBuilder.Append(DtTotal.Rows[]["SumOriginalValue"]);
jsonBuilder.Append("\"");
jsonBuilder.Append("}");
#endregion return Content(MyJson.DataTableToJsonByPage(dt, recordCount, jsonBuilder.ToString()));
}

四、Model函数:SearchForDetail()求得是当前页的数据。

  public DataTable SearchForDetail(int pageSize, int nowPage, out int recordCount, string DeviceIdList, string DeviceName)
{
string sqlCondition = " ";
if (DeviceIdList != null && !DeviceIdList.Equals(""))
sqlCondition += " and FADeviceInfo.DeviceId not in (" + DeviceIdList + ")";
if (DeviceName != null && !DeviceName.Equals(""))
sqlCondition += " and (FADeviceInfo.DeviceName like '%" + DeviceName + "%' or FADeviceInfo.DeviceInputCode like '%" + DeviceName + "%')"; string sqlOn = " left join FADepartment on FADeviceInfo.DepartmentId=FADepartment.DepartmentId ";
sqlOn += " left join FADeviceUnit on FADeviceInfo.DeviceUnitId=FADeviceUnit.DeviceUnitId "; string sqlOrder = " order by DeviceId desc ";
string sqlResult = " DeviceId,DeviceStatus,DeviceCode,DeviceName,DepartmentName,DeviceSpec,DeviceUnitName,OriginalValue,MakePlace,BuyTime,FinancialCode "; string sqlSon = "(select top " + (nowPage - ) * pageSize + " DeviceId from FADeviceInfo " + sqlOn + " where 1 = 1 " + sqlCondition + sqlOrder + ")";
string sql = " select top " + pageSize + sqlResult + " from FADeviceInfo " + sqlOn + " where DeviceId not in " + sqlSon + sqlCondition + sqlOrder;
string sqlCount = "select count(*) from FADeviceInfo " + sqlOn + " where 1 = 1 " + sqlCondition; DataTable dataTable = new DataTable();
dataTable = db.MyExecuteQuery(sql);
recordCount =db.GetCount(sqlCount);
return dataTable;
}

SearchForDetailSum()求得是总合计。

 public DataTable SearchForDetailSum(string DeviceIdListe, string DeviceName)
{
string sqlCondition = " 1=1 ";
if (DeviceIdList != null && !DeviceIdList.Equals(""))
sqlCondition += " and FADeviceInfo.DeviceId not in (" + DeviceIdList + ")";
if (DeviceName != null && !DeviceName.Equals(""))
sqlCondition += " and (FADeviceInfo.DeviceName like '%" + DeviceName + "%' or FADeviceInfo.DeviceInputCode like '%" + DeviceName + "%')"; string sql = " select sum(OriginalValue) as SumOriginalValue,count(*) as SumCount from FADeviceInfo " +
" left join FADepartment on FADeviceInfo.DepartmentId=FADepartment.DepartmentId " +
" left join FADeviceUnit on FADeviceInfo.DeviceUnitId=FADeviceUnit.DeviceUnitId " +
" where " + sqlCondition; DataTable dataTable = new DataTable();
dataTable = db.MyExecuteQuery(sql);
return dataTable;
}

五、table转Json函数:参数Footer 就是在 Controller :DeviceDetialListSearch()函数里拼接的stringBuilder,总合计和当前页合计要怎么写怎么统计,可以自己去拼接,然后传到转换函数里来。

 public static string DataTableToJsonByPage(DataTable dt, int total, string footer)
{
StringBuilder jsonBuilder = new StringBuilder();
//添加表格总行数
jsonBuilder.Append("{\"total\":" + total + ",\"rows\":");
//添加行数据
jsonBuilder.Append("[");
for (int i = ; i < dt.Rows.Count; i++)
{
jsonBuilder.Append("{");
for (int j = ; j < dt.Columns.Count; j++)
{
jsonBuilder.Append("\"");
jsonBuilder.Append(dt.Columns[j].ColumnName);
jsonBuilder.Append("\":\"");
jsonBuilder.Append(dt.Rows[i][j].ToString());
jsonBuilder.Append("\",");
}
jsonBuilder.Remove(jsonBuilder.Length - , );
jsonBuilder.Append("},");
}
if (dt.Rows.Count != )
{
jsonBuilder.Remove(jsonBuilder.Length - , );
}
jsonBuilder.Append("]");
//添加Footer
jsonBuilder.Append(",\"footer\":[");
jsonBuilder.Append(footer);
jsonBuilder.Append("]}"); jsonBuilder = jsonBuilder.Replace("\n", "").Replace("\r", "");
return jsonBuilder.ToString();
}

六丶看看效果图

ASP.NET MVC easyUI-datagrid 的当前页合计and总合计的更多相关文章

  1. asp.net mvc easyui datagrid分页

    提到 asp.net mvc 中的分页,很多是在用aspnetpager,和easyui datagrid结合的分页却不多,本文介绍的是利用easyui 中默认的分页控件,实现asp.net mvc分 ...

  2. Asp.Net MVC EasyUI DataGrid查询分页

    function doSearch() { //查询方法 var searchValue = $('#txtQueryTC001').textbox('getText'); $('#dgCMSTC') ...

  3. jquery easyui datagrid 加每页合计和总合计

    jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...

  4. ASP.NET MVC+EasyUI+Entity FrameWork 整合开发

    本文详细讲解怎么用ASP.NET MVC+EasyUI+Entity FrameWork 来开发一个项目 对于ASP.NET MVC的Jscript库,主要引用 <script type=.mi ...

  5. ASP.NET MVC +EasyUI 权限设计(二)环境搭建

    请注明转载地址:http://www.cnblogs.com/arhat 今天突然发现博客园出问题了,老魏使用了PC,手机,平板都访问博客园了,都是不能正常的访问,原因是不能加载CSS,也就是不能访问 ...

  6. ASP.NET MVC +EasyUI 权限设计(一)开篇

    在前一段时间中,老魏的确非常的忙碌,Blog基本上没有更新了,非常的抱歉,那么在后面的时间中,老魏会尽量的抽时间来写的,可能时间上就不太富裕了.今天开始呢,老魏会和大家分享一下关于权限设计的有关文章, ...

  7. 对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识

    对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识   初次接触Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架,查阅了相 ...

  8. Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架

    Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架 初次接触Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架,查阅了相关资料,了解了框 ...

  9. asp.net mvc +easyui 实现权限管理(二)

    一写完后,好久没有继续写了.最近公司又在重新开发权限系统了,但是由于我人微言轻,无法阻止他们设计一个太监版的权限系统.想想确实是官大一级压死人啊, 没办法我只好不参与了 让他们去折腾. 我就大概说一下 ...

随机推荐

  1. 剑指offer——54数组中的逆序对

    题目描述 在数组中的两个数字,如果前面一个数字大于后面的数字,则这两个数字组成一个逆序对.输入一个数组,求出这个数组中的逆序对的总数P.并将P对1000000007取模的结果输出. 即输出P%1000 ...

  2. JS中的事件、数组、节点对象处理

    在JS代码中编写事件一定要保证页面在浏览器中加载时会把事件加载进页面 事件:在代码中可以通过一个动作来触发另一个行为的总称 A:事件的编写方式1 HTML标签中添加 onxxxx = "函数 ...

  3. js登陆验证错误不刷新页面

    验证函数返回 false;返回到onclickonclick 其实也是一个函数.. 所以需要加 return;

  4. java-day02

    数据类型自动转换 要求:数据范围从小到大 数据类型强制类型转换 格式:范围小的数据类型 范围小的变量名 = (范围小的数据类型)原范围大的数据 注意事项: 1.可以会造成数据溢出或者是精度损失. 2. ...

  5. CSS中background的用法

    CSS中  background 是一个很基本的而且比较常用的样式 background : background-color || background-image || background-re ...

  6. Storm设计思想

  7. wc - 输出文件中的字节数、单词数、行数

    SYNOPSIS 总览 wc [选项列表]... [文件名列表]... DESCRIPTION 描述 对每个文件输出行.单词.和字节统计数,如果指定了多于一个文件则还有一个行数的总计.没有指定文件或指 ...

  8. elementUI+JS实现全选与反选

    在实际项目开发过程中,遇到的需求,需要实现全选以及取消全选等功能,主要使用ElementUI + JS来实现,具体代码如下: <!DOCTYPE html> <html lang=& ...

  9. (补充)9.Struts2中的OGNL表达式

    OGNL表达式概述 1. OGNL是Object Graphic Navigation Language(对象图导航语言)的缩写 * 所谓对象图,即以任意一个对象为根,通过OGNL可以访问与这个对象关 ...

  10. wireshark抓包总结

    过滤规则: ip.src == 源地址 and http(协议)