easyui datagird 总计栏

在使用easyui 的表格的时。非常多时候须要加一个总计栏,当然easyui中有加总计栏的方法,写一个footer就好,然而我认为这样的方法并不好。由于加入的总计栏是和列表每一个单元格相应的,有长度限制,不美观。

假设你也这样想。能够按我这样的方法:

把总计栏写到分页栏里面,这样就能够一行显示啦。

详细方法非常easy:

在datagrid的定义后面写一个这个:

var pager = $(‘#dg‘).datagrid().datagrid(‘getPager‘);
                pager.pagination({
                    buttons:‘#pagerButtons‘
                });

在定义一个div。就好了

<table id="dg"></table>
<div id="pagerButtons"></div>

然后,在datagrid载入玩的success时间中。把总计栏的东西动态写到pagerButtons这个div里面就好啦

效果是这个样子的:

时间: 2024-08-28 05:09:18

easyui datagird 总计栏的相关文章

EasyUI datagird 排序 按数字类型的问题

easyui datagird 默认显示的数据都是字符, 对要数字列进行排序规则,需要自定义排序规则如果按字符排序 27竟然小于4 这不是我们想要的.解决方案 <table id='grid'class='easyui-datagrid' style='width:1100px;height:430px' url='Ajax-index.php?module=<{$module_name}>&action=Ajax_ReportView_Agent_Call_Report_Sel

easyui datagird 列宽自适应

代码如下: 1 onLoadSuccess: function (data) { 2 var rows = data.rows; //得到行数据 3 var columnMaxCharacter = new Array(); //该列最大字符数 4 //遍历所有行数据,获得该列数据的最大字符数 5 var propertys = Object.getOwnPropertyNames(rows[0]); 6 for (var i = 0; i < rows.length; i++) { 7 for

easyui 获取分页栏中的行数(pageSize)和页码数(pageNumber)

最近还在写那个我认为客户需求很烂的bbs系统.前台显示时候需要把不同的topic 加上不同样式,这里我需要获取当前分页栏的行数(pageSize)和页码数(pageNumber). 其实easyui datagrid有一个getpager的方法.使用如下就可以获取你想要的内容了 var page=$('#dg_groups').datagrid('getPager').data("pagination").options.pageNumber; var rows=$('#dg_grou

Spring Data Jpa 实现分页(Spring MVC+easyui)

spring data jpa很好的对dao层进行了封装,这篇文章主要来写的是实现easyui datagird数据分页,由于各个UI参数不大一样,所以如果使用的是其他UI,得稍作修改.需要说明的是我的代码是在spring mvc框架下的部分代码,部分结构的代码为给出,只给出关键代码. 首先,easy ui向服务端发送请求时,会自动返回4个参数(page,rows,order,sort),先写一个PageContent类: package module.system.entity; import

Easyui系列之Menu(菜单)与 Button(按钮)(5)

1.EasyUI Linkbutton 链接按钮 用法 创建链接按钮(linkbutton) 从标记创建链接按钮(linkbutton)更容易. 1 <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a> 编程创建链接按钮(linkbutton)也是允许的. 1 <

Jquery Easy UI初步学习(三)数据增删改

第二篇只是学了加载用datagrid加载数据,数据的增删改还没有做,今天主要是解决这个问题了. 在做增删改前需要弹出对应窗口,这就需要了解一下EasyUi的弹窗控件. 摘自:http://philoo.cnblogs.com/ 我的理解,就是panel有的属性Window.dialog都有,同时保留自己的扩展属性方法 , 所以主要展示pannel的属性. Pannel 属性 名称 类型 说明 默认值 title string 显示在Panel头部的标题文字. null iconCls strin

分表数据的页面显示和后台传递(简单实现)

需求:1.统计每个城市的某两项数据在一段时间内的总量,展示在页面上.2.将结果导出Excel文件. 目前数据库是分库分表设计,分为南北方双库,一个城市对应一张表. 从查询的效率和用户的感觉考虑,这时将所有数据查出后再显示到页面并不是最好的方式,而且代码也会变得较为复杂. 实现方式(偏前端): 1.获取数据并显示 页面使用表格方式显示数据 <table> <thead> <tr> <th>城市</th> <th>A</th>

利用sys.dm_db_index_physical_stats查看索引碎片等数据(转)

我们都知道,提高sql server的数据查询速度,最有效的方法,就是为表创建索引,而索引在对数据进行新增,删除,修改的时候,会产生索引碎片,索引碎片多了,就需要重新组织或重新生成索引,以达到索引的最大效率. 那么我们要如何知道索引的碎片大小呢?在sql server中,碎片的大小是使用碎片比来体现的,按msdn上面的说法,如果碎片比小于30%,我们可以重新组织索引,如果碎片比大于等于30%,我们可以选择重新生成索引. 那么我们在那里可以查看到碎片比呢?最简单的就是在microsoft sql 

【QuotationTool】Model的实现(二),形成价格明细清单.md

项目链接:https://gitee.com/xyjtysk/quotationTools 在[QuotationTool]Model的实现(一),获得Excel路径以及Excel输出格式里面我们已经获得了Excel的路径,已经规定好了输出和输出有哪些列,下面就可以开始正式转换了. 预处理 由Controller进行调度 首先自然是读取Excel,我们在Controller里面调用XlrdTool中的getAssociativeArray lists = XlrdTool().getAssoci