得到EasyUI DataGrid中当前页行数,DataGrid接收JSON的数据格式

var data=$('#name').datagrid('getData'); 
//注意你的数据源一定要定义了total,要不会为undefined,datagrid分页就是靠这个total定义 
alert('总数据量:'+data.total)
alert('当前页数据量:'+data.rows.length)

 使用JQuery EasyUI的时候有时会为控件的接收数据烦恼,这个时候可以在官网中找到对应控件的例子,比如说

DataGrid控件所接收的格式是这样的:

 

{"total":28,"rows":[
	{"productid":"FL-DLH-02","attr1":"Adult Female","itemid":"EST-16"},
	{"productid":"FL-DLH-02","attr1":"Adult Male","itemid":"EST-17"},
	{"productid":"AV-CB-01","attr1":"Adult Male","itemid":"EST-18"}
]}
 这里是以大括号为开头的,表示从后台传来的是一个对象形式的JSON,并且这个对象里面有两个字段,一个是total,另一个是rows,其中total为整型,rows则是一个集合。当需要使用datagrid的时候,需要把这两个字段封装在一个类中,然后把这个类的实例转换成JSON格式输出给浏览器。

 

easyui-tree控件所接收的JSON格式是这样的:

[{
	"id":0,
	"text":"Foods",
	"children":[{
		"id":1,
		"text":"Fruits",
		"children":[{
			"id":11,
			"text":"apple"
		},{
			"id":12,
			"text":"orange"
		}]
	},{
		"id":2,
		"text":"Vegetables",
		"state":"closed",
		"children":[{
			"id":21,
			"text":"tomato"
		},{
			"id":22,
			"text":"carrot"
		},{
			"id":23,
			"text":"cabbage"
		},{
			"id":24,
			"text":"potato"
		},{
			"id":25,
			"text":"lettuce"
		}]
	}]
}]

 这里是以一个中括号( [  ) 开头的,表示接收的是一个集合形式的JSON格式,当后台需要将数据转换成easyui-tree能接收的形式时,必须是把一个集合类型的数据进行转换

EasyUI DataGrid及Pagination DataGrid数据表格及Pagination一起介绍一、通过标记创建DataGrid,嵌套标签定义列表 阅读详情

相关推荐

easyui datagrid combobox通过url获取json数据的下拉框

easyui1.4 datagrid combobox通过url获取json数据的下拉框

觉罗晓的博客 8468

.04.easyui(DataGrid数据查询)

一.图书显示 1.ueseManage.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head&g

jh9758的博客 251

easyui的datagrid之查询

easyui的datagrid之查询前言一、先看看以前的步骤编写吧二、今天主题datagrid1、什么是datagrid三、datagrid查询步骤 前言 今天依然要去看看以前的easyui步骤这样才能更好的知道怎么编写代码哦 一、先看看以前的步骤编写吧 https://blog.youkuaiyun.com/qq_46964039/article/details/106943484 二、今天主题datagrid 1、什么是datagrid datagrid(数据表格)以表格形式展示数据,并提供了丰富的选择、排序、分组

小七 1046

五、easyUI中的datagrid(数据表格)组件

五、easyUI中的datagrid(数据表格)组件

weixin_44230693的博客 7184

ROS2节点通信实战:用C++手写一个‘智能小车’控制模型(附完整代码)

本文详细介绍了如何使用ROS2和C++构建一个智能小车控制模型,涵盖运动控制节点、电池管理服务、参数动态配置和Rviz可视化等核心功能。通过实战项目演示ROS2节点通信机制,帮助开发者快速掌握机器人开发的关键技术,并提供了完整的代码实现和系统集成方案。

weixin_30607029的博客 262

保姆级避坑指南:在NVMe SSD上安装Ubuntu 24.04,搞定RST错误和分区方案

本文提供在NVMe SSD上安装Ubuntu 24.04的详细指南,解决RST错误和分区方案问题。从BIOS设置到分区策略优化,帮助用户充分发挥NVMe固态硬盘性能,避免常见安装陷阱,实现无痛安装和后期调优。

weixin_26976635的博客 563

EasyUI——DataGrid数据显示

DataGrid数据显示

weixin_65975275的博客 2338

S7-1200与KINCO伺服通信实战:CM CANopen模块配置避坑指南(附完整PDO映射表)

本文详细解析了西门子S7-1200 PLC通过CM CANopen模块与KINCO伺服驱动器的通信配置全流程,重点解决PDO映射混乱、心跳报文配置错误等常见问题。提供硬件组态、参数设置、PDO映射模板及故障排查方案,助力工业自动化系统实现稳定高效的多轴运动控制。

2y3u4i5o6p的博客 1106

datagrid总条数

1.getData var data=$("#dg").datagrid("getData");alert('总数据量:' + data.total)//注意你的数据源一定要定义了total,要不会为undefined,datagrid分页就是靠这个total定义alert('当前页数据量:' + data.rows.length) 2.loadData var data ='{"tota...

weixin_30596343的博客 425

Arcmap计算土方量教程

1. 创建现状TIN 结果数据: 2. 创建设计TIN 结果数据: 注意:现状TIN和设计TIN构建时候的坐标系不同,设置坐标系见最后的注意事项第1点,就是import(导入)那步骤,现状TIN构建时选择高程点数据或者等高线数据,设计TIN构建时候选择洱海面数据 3. TIN转栅格 改成你要存的数据库,注意中间不要有汉字 结果数据(设计TIN转栅格的同理) 4. 裁剪现状TIN转成的栅格 结果数据: 5. 计算土方量 结果数据: ...

欢迎关注,共同进步! 5016

代谢组数据分析(十五):基于python语言构建PLS-DA分类预测模型

本教程阐述典型代谢组学数据分析工作流程,用于二元分类结果的研究。流程主要步骤如下:首先从 Excel 表格导入代谢物与实验数据,接着基于汇总 QC 进行数据清洗。随后借助主成分分析可视化检查数据质量,再开展两类单变量统计。之后运用偏最小二乘判别分析(PLS - DA)实施多变量分析,此过程涵盖模型优化(对比 R2 与 Q2)、置换测试及明确模型预测指标、确定特征重要性、对模型预测数据进行可视化。最终将统计表格导出至 Excel 表格,完整呈现从数据导入到分析结果输出的全过程。

专注生信领域 2878

easyui datagrid遇到的问题

easyUI数据表格 1.分页 常规分页 后台代码直接返回rows:[ ]和total两个参数组成的json字符串,这种分页比较常见 非常规分页 后台代码返回json对象,该对象为统一返回对象,比如JsonResult,这种不常见 var initTable = function() { $(&quot;#dg&quot;).datagrid({ ...

hero_hope的博客 820

QGis软件 —— 5、QGis增加线,并对线进行绘制、旋转、缩放、移动等基本操作

QGis软件 —— 5、QGis增加线,并对线进行绘制、旋转、缩放、移动等基本操作

8248

easyui加载datagrid和treegrid的几种json数据格式

一、easyui加载datagrid的json数据格式       (1)基础的数据格式             {"total":28,"rows":[ {"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"E

Linda的前端开发路 2万+

42页Claude 3技术报告解读(Opus, Sonnet, Haiku)

在Claude 3模型中,增加了一个额外的原则到Claude的宪法中,以鼓励尊重残疾人权利,这一原则源自对集体宪法AI的研究。Claude 3模型的训练基于专有的混合数据集,包括截至2023年8月互联网上公开可用的信息,以及第三方提供的非公开数据、数据标注服务和付费承包商提供的数据,还有内部生成的数据。这些初始响应通常包含有害和有毒的内容。Claude 3模型家族在推理、编码和问答任务上展现出卓越的性能,特别是在行业标准基准测试中取得了显著的提升,证明了其在处理复杂问题和提供准确答案方面的能力。

具身机器人和通用AI 2440

高通平台蓝牙学习-- 基于WCN6750 Bluetooth 5.2的讲解

摘要:蓝牙5.2解决方案WCN6750具备多项先进特性:完全兼容5.2标准及ANT+协议,支持2Mbps高速BLE和长距离传输;采用射频集成方案,与WLAN共享天线并支持5G并发;内置功率放大器,支持Class1/2传输;提供双音频流和Slimbus接口优化。其HCI UART接口支持3.2Mbps速率,通过BlueZ协议栈实现蓝牙5.2功能,包括2Mbps模式和长距离传输,符合核心规范要求。(149字)

专业开发者的博客,一个从事Android WiFi和蓝牙的工程师 3万+

easyui中datagrid 不显示数据

之前并没有系统使用easyui组件的机会。本次也是在基于该前端框架下完成一个简单的查询功能并展示的问题。 datagrid即数据网格,用于展示列表数据,以行为单位且支持分页。 问题背景:根据查询参数查询符合条件的数据。前端使用easyUI,后端使用spring mvc。 然而根据条件查询只会返回一条数据,因此也没有考虑分页什么的。 现象:后台以JSON格式返回,键值与前端的field的名称...

lh140614的专栏 2469

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

easyui datagrid使用

加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery,否则为提示找不到datagrid   Html代码   界面加入     Html代码 table id="cxdm">table>     加载datagrid的js代码

gaoshanwudi的专栏 3610

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

datagrid php json,easyui的datagrid取得自定义json信息

案例:使用easyui的datagrid进行局部刷新时, table外的其他区域也要根据返回的数据动态取得值。function loadData() {$('#tb_list').datagrid('reload',{name1: $('#name1').val(),name2:$('#name2').val()});// 取得返回的列 更新tb_list外的其他区域}--------------...

weixin_42156940的博客 278

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

EasyUI - 修改datagrid的content-type

Spring MVC在接收集合请求参数时,需要在Controller方法的集合参数里前添加@RequestBody,而@RequestBody默认接收的enctype (MIME编码)是application/json,因此发送POST请求时需要设置请求报文头信息,否则Spring MVC在解析集合请求参数时不会自动的转换成JSON数据再解析成相应的集合。 JS代码: var us

qq_30655169的博客 6465

easyui 表格datagrid行编辑操作进行验证及后台如何接收

实现效果 首先是前台页面,定义一个datagrid <div id="tb" style="height:auto"> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a> <a href="jav...

z_victoria123的博客 3181

easyui datagrid treegrid的几种数据格式

一、easyui加载datagrid的json数据格式      (1)基础的数据格式           {"total":28,"rows":[ {"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice&q

qq_25692465的博客 5277

easyui框架datagrid的load不刷新数据

easyui框架datagrid的load不刷新数据 感谢一波  最近喜欢看博客,特别是遇到问题时候通过搜索学习别人的经验解决问题,能体验到无穷的乐趣。长时间的摸索找到一个bug,并记录下帮助他人警示自己是一件快乐的事。一直希望有一个自己的平台,在看博客中,发现了很多很多的知识,更觉得自己就如一粒大海仓粟,学习中遇到了很多故事和人(博客,文章中认识),改变了我的生活态度,因为帮助太多了随后会陆续介

LisaYuanThink的博客 9903

使用EasyUI完成datagrid数据分页

      当数据库中的数据量过多时一般都会进行分页操作,下面为大家提供一种EasyUI自带分页的操作,非常简便实用,喜欢EasyUI可以参考一下,希望可以给你带来帮助!    实用EasyUI首先要引用文件,这里不再进行叙述,为了让大家能够明白,现在从数据库一步步讲起。   数据库中的表为Goods表 go create table Goods ( Id int  primary key ...

gods_boy的博客 2万+

EasyUI的DataGrid日期列(datebox)正确显示json时间格式

问题描述:       前端使用EasyUI,后台使用Spring MVC, 数据库里面存储的时间格式为:2014-06-10,但是后台返回给前台页面的数据是json格式的,类似于:1402367297000的形式,日期列datebox是无法解析的。具体如下图:       自己也是EasyUI小白,网上查查资料,倒腾下总算搞出来了,这里做下记录。       一般情况下我们所

LCore的专栏 1万+
上一篇: JasperReport动态生成表格报表
下一篇: Spring classpath:与classpath*:的区别
Notebookdong
博客等级 码龄15年 2粉丝 34原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值