EasyUI datagrid获取数据问题

最新推荐文章于 2023-01-06 15:46:06 发布
原创 最新推荐文章于 2023-01-06 15:46:06 发布 · 4.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#easyui #getData #datagrid

本文介绍了一个关于使用含有特殊字符（如点号 .）的ID在Datagrid中获取数据数量时遇到的问题及解决方案。当Datagrid的ID包含点号时，直接使用jQuery的选择器方法将无法正确获取DOM元素，从而导致错误。文章提供了正确的代码实现，通过使用document.getElementById()方法来规避这一问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.问题描述

通常获取datagrid中数据条数，以下代码就可解决

$('#tt').datagrid("getData").total;

但是当datagrid的id中包含 . 时，获取数据就会出现以下问题：

Cannot read property 'nodeName' of undefined

2.解决方案

以上描述的问题就是因为datagrid的id中包含 . 的原因，造成'#tt'无法获取到对象，必须通过document.getElementById(tt)获取
正确代码：

$(document.getElementById(tt)).datagrid("getData").total;
Easy UI(异常)datagrid无法加载数据
zaelinH的博客
05-18 1180
问题描述： 运行环境 ： IDEA：IntelliJ IDEA 2019.1.2 x64 Easy UI：jquery-easyui-1.8.1 Struts2：Struts-2.5.20 解决思路： 1.我们请求路径没有问题 前端JavaScript代码 这儿的fit属性有点神奇,有一次我的fit设置为true时，数据已经传到前端但是数据没有在datagrid加载出来 $...
Easyui datagrid getData简单使用
背着梦的幸存者
05-09 7151
  var cx = $("#cxTable").datagrid('getData');   通过上面的语句获得的cx变量，在控制台输出一下，显示为：   console.log("查询结果" + cx);      这种结果看不出来获取的数据。通过查阅资料，得知getData得到的变量的类型为{ rows=[10], total=15}。查询看一下：console.log("查询结果" + c...
【js】获取easyui datagrid的数据
Hurpe
08-02 4444
获取easyui datagrid的数据
easy ui data grid
zengshaotao的专栏
02-22 268
JQuery Easy Ui dataGrid 数据表格   数据表格 - Dat继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。. 数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰富的。单元格合并，多列标题，冻结...
easyui datagrid
wxl1390的博客
01-06 423
datagrid
JS EasyUI DataGrid动态加载数据
03-15
JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件，它提供了丰富的功能，如数据分页、排序、过滤和自定义操作等。在实际应用中，动态加载数据是DataGrid的一个重要特性，允许用户在需要时加载更多的...
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
10-21
jQuery Easyui DataGrid 是一个基于 jQuery 的用户界面插件，它提供了一种简单的方式来展示和编辑表格数据。DataGrid 组件支持分页、排序、搜索、和可编辑等功能。本文介绍了如何在 jQuery Easyui DataGrid 中实现...
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
10-21
在EasyUI中，还可以通过编程方式重新加载数据，比如在用户执行某些操作后，可能需要重新调用数据获取的函数。在这种情况下，如果新的数据加载后有数据，则应该显示出分页导航容器，以允许用户浏览数据。 最后，本文...
easyui datagrid 数据导出到Excel
03-25
2. 获取datagrid数据：通过EasyUI Datagrid的API，如`$("#datagridId").datagrid("getData")`获取到数据对象。 3. 创建HTML表格：根据获取的数据，构建一个HTML `<table>`元素，结构与Datagrid相同。 4. 调用wxport...
easyui-datagrid 实用方法
随笔记
06-24 426
1. 获取指定行的数据  var row = $('#div').datagrid('getData').rows[index]; 2. 展示行的详细信息（这个是从网上找的原文地址百里马博客）$(function () { $('#div').datagrid({ view: detailview, deta
1. easyui-datagrid-Cannot read property ‘nodeName‘ of undefined
白果园的博客
12-08 1199
文章目录1. 问题描述2. 解决方案 1. 问题描述     首先加载datagrid正常，格式化（formatter）了datagrid的操作列也正常，点击操作列，操作完成后，重新使用$("#list").datagrid(“loadData”,JSON数组)加载时，发现了惊人一幕： 2. 解决方案     笔者发生这种情况是由于事件冒泡导致，阻止冒泡就OK，不说了，贴上暖心的代码： // 阻止事件冒泡 event.stopP
jquery easyui中datagrid 中的动态接受后台传的数据
小吕的博客
03-02 2129
摘要: 在开发中遇到一个问题,就是从后台传过的数据,字段数量和数据是不固定的,所以要对datagrid 方法进行改进1.前台返回数据controller 方法要加上@ResponseBody这里的 list 是数据集合 ele 是字段集合2.js接受数据$.ajax({            type: "post",            url: $("#baseUrl").val()+"/q...
jquery easyui griddata 得到单条数据、。
疯狂程序员
07-04 930
editTable.datagrid("getData").rows[index].id
EasyUI datagrid数据表格的函数getData返回来的是什么
weixin_30292745的博客
12-09 488
EasyUI datagrid数据表格的函数getData返回来的是什么？ 他返回来的是这么一个对象： Object { rows=[10], total=15} 其中rows就是每一行的数据，是这些行的一个数组。 可以这样获取数据表格当前的第 i 行： var data = $("#datagrid").datagrid("getData"); alert(data.rows[i]...
获取t:datagrid的总数和当前页总数
shuimu_88的专栏
11-07 599
<t:datagrid name="rowSeatList" checkbox="true" fitColumns="false" title="排座管理" actionUrl="rowSeatController.do?datagrid" idField="id" fit="true" queryMode="group"> <t:dgCol title="主键" f...
easyui-datagrid 数据网格 获取数据为空问题处理
qq_45160543的博客
11-06 1282
function getDatagridArray(dataGridId) { //获取数据网格数组 var rows = $("#" + dataGridId).datagrid('getRows'); if (rows.length>0){ //获取所有列名 var fields = $('#' + dataGridId).datagrid('options').columns[0]; for (var j = 0 ; j.
EasyUI框架02——datagrid
武汉小喽啰
02-02 1008
datagrid是easyUI使用比较常用的一个组件，列表等基本功能的使用，可以参考easyUI的API。 1.Editor的用法 editor编辑器是easyUI中比较重要的一个东东，在其他组件中都有其身影。 1.1 常用API 1.1.1获取 1）获取编辑器 获取索引值为index，字段field的编辑器 var editor = $(this).datag...
​easyui datagrid 参数详解​
zhaofuqiangmycomm的博客
10-25 3858
一.数据表格属性（DataGrid Properties） 二.列属性（ColumnProperties） 三.事件（Events） 四.方法（Methods）
easyui控件的使用之dataGrid的综合应用
badaaasss的专栏
11-12 682
easyui有丰富且功能强大的插件库，其中dataGrid的功能尤为重要，下面我就介绍下如何用dataGrid实现下面图示的功能。 我的这个页面中，主要包含了dataGrid的以下几个功能： 一 异步从数据库获取数据，并绑定dataGrid的功能。 二 实现dataGrid的sql语句或者存储过程分页的功能，实现每次查询只读取当前页的数据(这里本人使用的是Oracle11g数据库)。 ...
掌握JS EasyUI DataGrid动态数据加载技巧
动态加载数据是DataGrid组件一个非常重要的特性，它意味着我们可以在用户交互时，比如翻页或搜索时，从服务器获取数据，而不是在页面初次加载时就加载所有数据。 ### 动态加载数据的重要性 数据量的大小直接影响到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值