easyui datagird 总计栏

2024-06-02 18:48
文章标签 easyui 总计 datagird

本文主要是介绍easyui datagird 总计栏,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在使用easyui 的表格的时,很多时候需要加一个总计栏,当然easyui中有加总计栏的方法,写一个footer就好,然而我觉得这种方法并不好,因为添加的总计栏是和列表每个单元格对应的,有长度限制,不美观。

如果你也这样想,可以按我这种方法:
把总计栏写到分页栏里面,这样就可以一行显示啦。
具体方法很简单:
在datagrid的定义后面写一个这个:

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

在定义一个div,就好了

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

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

效果是这个样子的:
这里写图片描述

这篇关于easyui datagird 总计栏的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1024789

相关文章

easyui同时验证账户格式和ajax是否存在

accountName: {validator: function (value, param) {if (!/^[a-zA-Z][a-zA-Z0-9_]{3,15}$/i.test(value)) {$.fn.validatebox.defaults.rules.accountName.message = '账户名称不合法(字母开头,允许4-16字节,允许字母数字下划线)';return fal

easyui 验证下拉菜单select

validatebox.js中添加以下方法: selectRequired: {validator: function (value) {if (value == "" || value.indexOf('请选择') >= 0 || value.indexOf('全部') >= 0) {return false;}else {return true;}},message: '该下拉框为必选项'}

easyui 选中行在按一次取消选中

<table id="dg" style="height:100%" ></table><script>$(function () {var columns=[{field:'name',title:'菜单名称',width:200,align:'left'},{field:'app',title:'应用名称',width:100,align:'left'},{field:'controller

Jquery EasyUI 弹出div对话框引入其他页面(iframe)

//url:窗口调用地址,title:窗口标题,width:宽度,height:高度,shadow:是否显示背景阴影罩层function showMessageDialog(url, title, width, height, shadow) {var content = '<iframe src="' + url + '" width="100%" height="99%" framebord

easyui 重复提交url

就我所知,原因有二: 一:重复初始化 1、传统方式 查看文本 打印  1  $(function () {    2             var url = "../Source/Query/jhDataQry.ashx?action=query";    3             $(dg).datagrid({    4

jQuery EasyUI基础组件(panel,window,dialog)

在这里我们首先要理解Jquery组件之间的关系,理解Jquery的两种写法。理解动态加载组件的方法,但是不推荐使用 动态加载 easyloader.js  解析标签里的class值使用jquery parser.js      首先我们讲解panel面板,例如网页上的最大化,最小化,关闭按钮,他们是怎么实现的呢。 用$.fn.panel.defaults重写defaults。

jQuery EasyUI 表单

jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox)。它可以作为一个表单字段进行使用,可以提交给远程服务器。 在本教程中,我们将要创建一个注册表单,带有 name、address、city 字段。city 字段是一个树形下拉框(ComboTree)字段,在里面用户可以下拉树面板(tree pan

JQuery EasyUI环境的搭建

JQueryEasyUI搭建环境 1、下载JqueryEasyUI包 http://www.jeasyui.com/download/index.php 2、打开MyEclipse创建WebProject。 3、将下载下来的JqueryEasyUI包解压后放到到WebRoot下。如下图所示 二、包含文件        新建一个header.jsp文件,将需要用到的Jq

JQuery EasyUI表单-表单验证

jQuery EasyUI 表单 - 表单验证 本次将向您展示如何验证一个表单。easyui框架提供一个 validatebox插件来验证一个表单。在本教程中,我们将创建一个联系表单,并应用 validatebox插件来验证表单。然后您可以根据自己的需求来调整这个表单。 创建表单(form) 让我们创建一个简单的联系表单,带有 name、email、subject 和 message

js-模拟easyui-datagrid表格各行选中事件-实现逻辑

鉴于easyui-datagrid一旦使用于大数据,则会非常卡顿,这里模仿easyui-datagrid实现行选中事件的逻辑 var tableObj = {domIdName:'actCarTable',data:[],//表格数据isSelectedTrIndex:[],//被选中行的索引isDblclick:null,//是否双击selectRowArr:[], //选中行数据数