easyui-datagrid

JQuery EasyUI-DataGrid：列名、数据列分别设置不同对齐方式

一、align属性对列表名和数据都有效,就是列名和数据对齐方式是一样的（比较常用）需求如下：现有数据列二列Name,Age，Birth_date数据：张三,18,2000-12-09李四,28,2000-12-09王麻子,38,2000-12-09JqueryEasyuiDataGrid中列设置{field:'Name',title:'名称',width:100,align:‘left’},{fi
c_zyer·2024-01-14 07:33

Easyui-DataGrid纵向合并单元格（根据某列合并）

使用Easyui-DataGrid过程用。做统计/报表等时经常会使用到合并单元格，原生态Easyui-DataGrid没有合并单元格的属性或方法。
Code_yi·2023-12-03 06:20

c datagrid 输出html,easyui-datagrid行数据field原样输出html标签

easyui-datagrid绑定的行field原样输出html标签。
冯骥·2023-10-25 09:24

easyui的datagrid发送两次请求

代码如下原因是：由于在grid的table中写了class=“easyui-datagrid”，另外在初始化的js中有了URL这样就会请求两次getData.do了，将class="easyui-datagrid
bug　·2023-08-31 07:23

EasyUI-DataGrid篇

DataGridProperties名称类型描述默认值columnsarray数据表格列配置对象，查看列属性以获取更多细节。undefinedfitColumnsboolean设置为true将自动使列适应表格宽度以防止出现水平滚动。falseautoRowHeightboolean定义设置行的高度，根据该行的内容。设置为false可以提高负载性能。trueloadMsgstring当从远程站点载入
Bobby0322·2023-04-05 20:47

easyui-datagrid 编辑单元格

在做itoo成绩的时候，有个需求是教师判分，学生成绩有两部分组成：平时成绩和期末成绩，然后根据两种成绩比例算出总成绩。现在是有了平时成绩和成绩比例，输入期末成绩，计算出总成绩，并且把输入的期末成绩和计算的总成绩更新到数据库中。主要应用了单击单元格进行编辑，编辑完成之后，失去焦点则保存数据。如果数据没有变化，失去焦点则不更新数据库。页面效果是这样的：期末成绩的单元格是可以编辑的：输入数据，并失去焦点
hunhun1122·2020-09-17 14:43

js将json数组传递到后台及接收

首先，根据项目需求，对多行数据进行修改，修改后一起保存更新，而不是每修改一行就保存一行，这样就需要把表格中修改的数据放入数组，当点击保存时将数组提交到后台进行更新操作，前台用的是easyui-datagrid
一年不洗澡-_-·2020-09-17 09:51

EasyUI 之 DataGrid的两种赋值方法

上一篇博客《EasyUI之DataGrid分页组件中文显示的两种方法》中我们使用EasyUI-DataGrid在前台添加了一个表格，并且让表格的分页控件显示为中文。
傻丫头与科技·2020-09-16 10:20

解决easyui-datagrid在IE中无法reload问题

easyui在页面加载时，会自动填充datagrid中的数据，当添加、修改、删除后，会触发reload事件，对datagrid进行重新加载。这个过程在FireFox中没有问题，用firebug观察发现前后两次http状态码都是200，证明两次都是从服务器重新取的新数据，没有用浏览器中的缓存。可到了IE中，发现第一次加载时的http状态码是200，reload时的http状态码是304，证明relo
yaoshengting·2020-09-14 23:24

easyui datagrid 跳转指定页面问题

问题项目中使用到用easyui-datagrid来做表格，使用中发现一个问题，就是需要跳转到指定页时，总是会回到第一页中，那时候还没找到问题原因，然后跟踪程序debug了一下，发现这个datagrid有加载两次数据
top_gun_1·2020-09-14 15:21

easyui-datagrid 单元格增加双击事件

js初始化表格的代码onDblClickCell:function(index,field,value){alert(index);//serch_detail(field,value);},注意初始化singleSelect:true,否则为null
yan_yzy·2020-09-13 04:26

关于easyui datagrid 加载本地数据

所属单位专家姓名联系电话参检情况情况说明两个坑1，必须要有class="easyui-datagrid"或者浏览器会报错找不到options2，加载本地的数据必须是json对象varjsonstr=JSON.stringify
既然必须穿越地狱，那就走下去吧·2020-09-11 02:57

easyui-datagrid全选后，重置刷新数据后全选按钮依然选中问题

在使用easyui过程中，点击全选后。当页数据被全部选中，点击重置或者刷新后，数据更新，此时没有任何一条数据被选中，但是此时全选按钮却依然是选中状态。解决办法，在重置和刷新的时候添加以下语句，将全选按钮恢复为未选中状态$(".datagrid-header-checkinput[type='checkbox']").prop("checked",false);
尤加利与海·2020-08-20 23:19

EasyUI - datagrid属性idField详解

EasyUI-datagrid属性idField详解idField在treegrid中的是一个必选的属性，在datagrid中是一个可选的属性。
iteye_11495·2020-08-18 15:21

EasyUI-Datagrid二维表格：多表头

人力资源管理有个做二维表格的需求，客户的需求是这样的，如图：由于是从零开始，没有参考，我就想用easyui做一下。分析需求，其实难点就三个：1、是将上表头的部分单元格合并。2、是在左侧显示标题。3、是页内单元格可以编辑。对于easyui来说，单元格合并比较简单，写table时的核心的代码就两句：rowspan和colspan。其中，rowspan是合并上下，colspan是合并左右。项目合计女士学
一支支穿云箭·2020-08-18 08:10

easyui-datagrid统计

//打印指定的tablefunctiondayin(){vartableToPrint=document.getElementById("dg");//将要被打印的表格varnewWin=window.open("");//新打开一个空窗口newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口newWin.document.close(
adjwy312576·2020-08-17 21:21

java项目easyui-datagrid的动态增删改

jsp页面代码新增删除  查询字段： 查询js代码，新增varrows=$('#DG').datagrid("getRows");$('#DG').datagrid('insertRow',{index:rows.length+1,//添加到最后一行row:{//对应生成datagrid的列kid:'新增的值',na:'新增的值',memo:'新增的值',skey:'
不掉发的码农·2020-08-16 16:26

easyui-layout与easyui-datagrid完整页面代码

varcolumns=[[{field:'operation',title:'operation',width:68,align:'center',formatter:function(data,row,index){varopHtml="U"+"    D";returnopHtml;}},{field:'id',title:'ID',width:250,align:'left',},{fiel
wei_lanSe·2020-08-16 15:29

easyui-datagrid 列可拖拽及事件冲突

代码是网上找的，功力不够自己写不来。但是有一个问题，拖拽和单击事件冲突了，做了一些修改//拓展datagrid方法$.extend($.fn.datagrid.methods,{columnMoving:function(jq){returnjq.each(function(){vartarget=this;//得到拖动的表头varcells=$(this).datagrid('getPanel'
junhua_xu·2020-08-16 13:57

easyui-datagrid自定义操作列

在实际的项目中，有时会有操作列这个需求，主要是修改和删除的功能。类似于：实现该效果的方法并不复杂。需要使用到datagrid数据表格中的formatter方法。自定义列。下面写个小例子。html编号名称列表操作js部分：在js代码中写一个函数formatOption。函数名随便取functionformatOption(value,row,index){//用到的一个参数是index代表第几行。r
前端叶孤城·2020-08-16 12:12

jquery easyui-datagrid 如何清空数据

//清空原有数据方法1：varitem=$('#filegrid').datagrid('getRows');if(item){for(vari=item.length-1;i>=0;i--){varindex=$('#filegrid').datagrid('getRowIndex',item[i]);$('#filegrid').datagrid('deleteRow',index);}}方法
shaobaojie·2020-08-15 00:06

EasyUI-datagrid表格（基本使用）

一、前端1.EasyUI-datagrid使用十分简单，首先在我面使用的页面加上table标签（此处默认已导入相关js包）2.然后简单的配置js$(function(){$('#loading-mask').fadeOut('normal');$('#dg').datagrid({url:'query.do',//请求连接pagination:"true",//是否显示分页columns:[[{/
jiking233·2020-08-11 17:32

使用mybatis查出数据与mysql查出来的不一致(order by)

最近在练习easyui的时候做到datagrid的时候用到点击字段进行降序,升序的时候发现无论怎么点数据都不会变,开始以为是easyui-datagrid中配置错了,改了半天也没有发现.然后去看了下mybatis
bwddd·2020-08-09 07:19

easyui-datagrid关于展示的字段需要进行数据类型转换的问题（自己记录备忘）

从后台取的数据需要进行数据类型转换时在表格datagrid的file中获取bean属性，通过formatter调用js脚本方法进行数据类型转换例如：数据库中存放的是时间戳，bean属性也是Date类型，如果不转换，在页面上展示的就是时间戳，因此，我们在前台要对拿到的bean属性进行数据类型转换收费时间调用的JS脚本：/***时间格式YYY-mm-ddhh:mm:ss*@paramdate*@ret
WB1224678·2020-08-08 02:40

easy ui easyui-datagrid 高度自动设置

SystemIDSystemNameEnableSystemFlagCreatedUserCreationDateLastUpdateUserLastUpdateDatedatagrid加上fit:true就可以了
iteye_9657·2020-08-03 00:18

项目总结—jQuery EasyUI-DataGrid有参数查询

概要在上一篇博客中我们简要的介绍了Datagird显示数据的两种方法，分别是直接前台固定的数据和将数据库中显示到前台，这次我们将第二种方法进行扩展，上一篇博客中我们获取数据库文本没有条件，这一次我们来学习显示的数据是有条件限制的，即有参数的查询。实现我们要查询数据库中县市区录入信息并将数据显示到前台，不过条件是按照指标来查询，因为不同的指标有不同的县市区数据信息。背景交代完毕，直接上代码。前台代码
iteye_20659·2020-08-03 00:33

如何改变easyui datagrid 单元格的背景与字体颜色

因为在easyui-datagrid中要显示自己的行号，且想呈现原rownumbers列一样的背景与字体颜色，于是在网上查找了各种解决方法，综合起来见如下代码//设置列中字体的颜色，可以根据行索引row
长沙三毛·2020-07-29 19:05

easyui datagrid 重复加载解决办法

用了一段时间easyui发现每次加载的时候，后台的调用方法加载了2次，经过查资料及摸索后，有2种解决办法1去掉table中的class=easyui-datagrid大概原因是渲染的时候，根据class
zhaobao110·2020-07-29 03:46

解决使用easyui的datagrid组件页面加载后发送两次请求的问题

问题描述:使用easyui的datagrid组件,页面加载后向服务器发送两次请求,第一次请求不带参数,服务器报错空指针异常,第二次正常.原因:html代码中使用class声明了easyui-datagrid
weixin_33955681·2020-07-28 18:46

easyui datagrid 避免二次加载

首先是原理：在使用easyuidatagrid实现的数据表格中，有两种方式来注册datagrid组件，分别是class方式和javascript方式，其中class方式为在table标签上添加class="easyui-datagrid
Y飞羽Y·2020-07-28 01:08

easyui-datagrid行数据增删改操作

最近学习easyui的datagrid数据表格，对数据表格的增删改做一个笔记视图如下要求：可进行多行的编辑修改，当点击保存时一起保存，可进行批量删除，新增时当有选择的行时，在该行下边新增，当没有选择时，在首行新增，取消编辑时，所有没保存的数据回滚至修改前数据，jsp端代码：vararr='';varjsonarr='';varjsonstr='';functionadddata(types){va
一年不洗澡-_-·2020-07-16 06:41

easyui-datagrid 向后台传送参数三种方法

场景，需要根据客户的id直接连接到客户信息的list列表，查出该客户，第一种和第三种传参均达不到满足，在查询的时候有问题，这个参数要么去不掉，要么传不过来（因为在url中，相当于写死了），第二种queryParams很好的满足了要求，$(function(){$('#right').attr("class","myHeight");varMyCustomerTagId=$('#MyCustomer
你好龙卷风！！！·2020-07-15 12:58

easyui-datagrid向后台传送其它的参数

datagrid({queryParams:{nodeID:nodeId}});下面是我程序中的功能代码，实现的主要功能是，当点击easyui-tree中的一个节点，则与该节点关联的文件,自动勾选上在easyui-datagrid
wei_lanSe·2020-07-15 02:39

通过ajax得到数据，显示http://localhost:8081/项目名/[object%20Object] 404 (Not Found) 错误。

今天在使用easyui-datagrid中的toolbar，通过ajax得到数据时，出现http://localhost:8080/项目名/[object%20Object]404(NotFound)错误
lxhuang_14·2020-07-14 01:25

easyui-datagrid 行内编辑禁止字段可编辑

RowEditingDataGrid-jQueryEasyUIDemoRowEditingDataGridClicktherowtostartediting.vardata={"total":28,"rows":[{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"
feifanyajun·2020-07-13 01:13

求解java.lang.IllegalStateException: getOutputStream() has already be

使用架构：easyui+sping3MVC+jpa页面用easyui-datagrid查询并展示一个列表。
xjj1314·2020-07-12 17:01

easyui-datagrid 编辑单元格

在做itoo成绩的时候，有个需求是教师判分，学生成绩有两部分组成：平时成绩和期末成绩，然后根据两种成绩比例算出总成绩。现在是有了平时成绩和成绩比例，输入期末成绩，计算出总成绩，并且把输入的期末成绩和计算的总成绩更新到数据库中。主要应用了单击单元格进行编辑，编辑完成之后，失去焦点则保存数据。如果数据没有变化，失去焦点则不更新数据库。页面效果是这样的：期末成绩的单元格是可以编辑的：输入数据，并失去焦点
萌萌的小学生·2020-07-12 02:41

Easyui-Datagrid—表头灵活拖动

上一篇博客中Easyui-Datagrid—表头灵活显示小编给大家分享用户体验度的页面的几大要点如果你设计的软件，猪都会用，那你就是软件工程师。如果你设计的软件，猪都不会用，那你就是猪。
徐露·2020-07-12 01:08

Easyui-Datagrid—表头灵活显示

这篇博客是分享给以使用easyUI框架设计页面思想的博友们。同时也受在做项目中的一些启发，整理了这篇博客。在ITOO高校云平台项目中，上头一直强调“用户体验度”、“用户体验度”。到底何为用户体验度呢，这让我这个UI系统负责人，甚是捏了一把汗。咱先从用户体验度来细说吧：用户体验度是指一个用户访问某个网站的体验效果，这个网站是否有用户想看到的内容和是否带为用户提供一些有价值的内容。决定用户体验度的因素
徐露·2020-07-12 01:07

项目总结—jQuery EasyUI-DataGrid有参数查询

概要在上一篇博客中我们简要的介绍了Datagird显示数据的两种方法，分别是直接前台固定的数据和将数据库中显示到前台，这次我们将第二种方法进行扩展，上一篇博客中我们获取数据库文本没有条件，这一次我们来学习显示的数据是有条件限制的，即有参数的查询。实现我们要查询数据库中县市区录入信息并将数据显示到前台，不过条件是按照指标来查询，因为不同的指标有不同的县市区数据信息。背景交代完毕，直接上代码。前台代码
fhthkm·2020-07-09 06:21

easyui-datagrid 行【上移】，【下移】

直接源码可以拿来直接使用：参数说明：index：行索引type：‘up’，‘down’gridname：datagrididsortname：排序号（如果不需要可以自行删除，但是列表终归要排序的）mysort:function(index,type,gridname,sortname){if("up"==type){if(index!=0){vartoup=$('#'+gridname).data
lyghtc·2020-07-07 15:38

EasyUI easyui-datagrid分页功能实现

$('#dg_query').datagrid({toolbar:toolbar,loadMsg:'数据加载中....',columns:[[{field:'ckSelect',title:'选择',width:50,checkbox:true},{field:'WBSH',title:'发货方',width:120,align:'left',sortable:true},{field:'APPL
落泪的只有我·2020-07-02 10:23

给easyui-datagrid的toolbar自定义一个动态查询条件的搜索框

第一部分案例一：以各列为查询条件，查询条件可切换1.首先在HTML部分写一个searchbox,代码如下：2.将searchbox添加至toolbar，代码如下：toolbar:[{id:'btnAdd',text:'添加备选',iconCls:'icon-ok',handler:function(){addSystem();}},'-',{text:document.getElementById
程序媛~婷·2020-07-02 08:58

jQuery EasyUI-DataGrid有参数查询

Datagird显示数据的两种方法，分别是直接前台固定的数据和将数据库中显示到前台，这次我们将第二种方法进行扩展，即有参数的查询。实现我们要查询数据库中县市区录入信息并将数据显示到前台，不过条件是按照指标来查询，因为不同的指标有不同的县市区数据信息。背景交代完毕，直接上代码。前台代码表格属性字段设置上一篇文章相同[html]viewplaincopy市直单位定量指标1单位名称原始数据备注得分--%
icanlove·2020-07-02 03:35

控制easyui-tabs打开哪个标签页、选项卡，及easyui-datagrid单击事件

控制easyui-tabs打开哪个标签页、选项卡，及easyui-datagrid单击事件html(easyui-datagrid):菜单ID菜单名称控制easyui-tabs打开哪个标签页、选项卡，及
djk8888·2020-07-01 22:28

Easyui-Datagrid实例-----动态加载数据生成Datagrid

上次说到tree的使用，点击tree节点的时候，新增tabs，今天顺便讲一下生成增加tabs的同时生成Datagrid。首先说一下我的想法，根据API提供的通过iframe加载新的页面或者一个url请求后台数据的实例。觉得应该可以加载新的页面，并在加载完成之后初始化页面定义的datagrid。想法很好，但是.......................................先看看代码：u
逆风飞翔的猿·2020-07-01 20:01

EasyUI-datagrid 对于展示数据进行处理(formatter)

一：声明datagrid列，在列中添加formatter属性，并指定js方法columns=[[{title:'编号',field:'Id',width:100,sortable:true,hidden:true},{title:'名称',field:'Name',width:200,sortable:true,formatter:formatFileName}]]或者：名称二：编写处理数据的JS
weixin_30702413·2020-06-27 23:42

批量保存EasyUI-datagrid中的数据

最近做的一个项目中需要实现一个功能：先对EasuUI-datagrid中的数据进行编辑，编辑过后点击保存按钮会将之前编辑的datagrid中的所有数据保存到数据库中。示意图如下：如图中所示，系数这一列是可以编辑的，当编辑之后，点击保存按钮即可将该datagrid表中的数据保存到数据库中。我实现该功能的过程如下：获取datagrid中的所有数据，将其拼接成json格式字符串数组通过JQuery的Aj
mutebenben·2020-06-24 16:23

动态修改easyui的table中的th的标题

当在$(function(){})中修改的th的标题时，发现不能改变th的标题，解决的办法是将class="easyui-datagrid"去掉，要是能让这个table具有easyui的table特点
jsnjzgb·2020-06-23 23:35

easyui-datagrid 使用笔记

1、清空所有行和所有列$('#dgJGQuery').datagrid({columns:[],url:'',data:[]});2、采用datagrid-groupview分组展示后，取消分组展示。datagrid使用分组展示是基于view属性，把view属性设置为groupview即可分组展示。取消分组时，需要把view属性设置为DefaultView，但是easyui本身没有暴露Defaul
巡拜千年·2019-11-29 22:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他