easyui datagrid,获取当前选中的列名

我有一个可以编辑的DataGrid, 我想得到我现在鼠标焦点所处的列名,field。
当还未处于编辑状态时,可以通过DataGrid的onClickCell事件来获取到field,在编辑状态的时候,怎么获取到field
就是希望在鼠标点击格子之后,可以获取到当前的光标所处格子的字段名,field

5个回答

调用beginEdit后给所有编辑器添加click事件获取编辑器所在有field属性的td单元格,field值就是列名称

                $('#dg').datagrid('beginEdit', index);
                    var eds=$('#dg').datagrid('getEditors',index);
                    for (var i = 0; i < eds.length; i++) {
                        $(eds[i].target).click(function () {
                            alert($(this).closest('td[field]').attr('field'));
                        });
                    }

很好搞。去easyui官网查下就好了!

onClickCell:function(rowIndex, field, value){
alert(field);
}
这样懂不?

qq_16168871
qq_1992120 回复qq_32525703: 你其实可以弄一个全局变量嘛,在触发编辑这个事件的时候,就把字段赋值给这个变量。都可以获取了。
4 年多之前 回复
qq_32525703
qq_32525703 在我还没有开始编辑行的时候,单机GRID能触发这个事件。处于编辑状态的时候,是点击的编辑器,就不会触发这个事件了。
4 年多之前 回复

图片说明
现在我的光标,处于数量那个列。我现在用鼠标点击一下单价那个列,此时的单击是不会触发onClickCell这个事件的。
我就是想问问,这个时候 我怎么得到单价这个列的field。

var ed=$('#p').datagrid('getEditors',rowIndex);
var num=ed[位数]

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

easyui datagrid获取当前选中行中的datebox的值

我要获得当前选中行的数据,其中日期的值没有拿到,我是这样写的: ``` //拿到当前选中行的数据 var row = $('#tab').datagrid('getSelected'); $('#txtBirthday').datebox('setValue', row.Birthday); ``` 拿到的row.Birthday的值是/Date(1430668800000)/,要怎么才能正确获取这个日期呢?

easyui datagrid 获取选中行数据

我在easyui的datagrid中添加了一个chackbox 现在每行数据的前面都有一个复选框 而每行数据的后面有一个文本框 ``` <th fit="true" data-options="field:'yuanyin',formatter: rowformater">退回原因</th> ``` 我在js 中如何判断复选框是否选中 如果选中获得选中行的字段为ID的值 如果不选中获得不选中行字段为PID的值

easyui datagrid 中怎么选中所有页面的数据

easyui datagrid 中怎么选中所有页面的数据。我有两页数据,第一页的复选框全选后,得到两页的数据。

Jquery Easyui datagrid如何在动态获取当前选中行的值

easyui grid列是动态生成的,现在想要获取第一列的值,单是该列的名字因为是动态获取的,所以名字不固定。 使用easyui选中的方法 var ids = []; var rows = $('#tt').datagrid('getSelections'); for(var i=0; i<rows.length; i++){ ids.push(rows[i].itemid); } alert(ids.join('\n')); 但是没办法使用row[i][0] 请问怎么才能动态获取选中行的列值

easyui datagrid如何获得选中行的自定义列中的元素

如题。 jquery怎么获得选中行的自定义列中的一个a标签? 谢谢大家

easyui datagrid 中怎么选中所有页面的数据,选中第一页全选,后面几百页数据全部选中

![图片说明](https://img-ask.csdn.net/upload/202005/11/1589186265_438138.png) EasyUI多选easyui datagrid 分页,怎么选中第一页全选,后面全部变成选中状态。

easyui datagrid鼠标悬停怎么获取行号???

想做datagrid中的悬停事件,那怎样来获取行号呢,没有点击,没有选择,API里面也没找到类似的事件

datagrid中,如何获取选中行的行数?

datagrid中,如何获取选中行的行数? 谢谢!刚开始学easyui,求大神指教

easyui datagrid获取到的数据,数据移到另一个div

这是easyui datagrid获取数据,和显示代码,Adiv显示数据是个多选,我想实现,点击选择一次Adiv里面的选项,就会在Bdiv显示所选的文字,如果再点击,取消选择,就删除Bdiv里面的所显示的文字,![图片说明](https://img-ask.csdn.net/upload/201708/31/1504142356_997028.png) ``` <div class="easyui-layout" style="width:50%;float:right;height:80%;"> <div data-options="region:'center'" style="padding:5px;"> <div class="easyui-layout" data-options="fit:true"> <div data-options="region:'west',split:true,collapsible:false" style="width:50%;height:50%;"> <table id="XiangMuJiZhiBiaoWeiHu_datagrid_zibiao" class="easyui-datagrid" style="width:100%;height:100%;padding:10px" data-options="toolbar:'#ZhiBiaoZuHeMingCheng_toolbar_zibiao',singleSelect:true,selectOnCheck: false, onSelect:dodoClick"> <thead> <tr> <th field="ck" checkbox="true"></th> <th data-options="field:'zhibiaomingcheng',halign:'center',align:'left',order:'asc'"style="width:95%" >指标名称</th> </tr> </thead> </table> </div> <div data-options="region:'east',title:'指标组合信息',collapsible:false" style="width:50%;height:50%;"> <table id="ZhiBiaoZuHeMingCheng_datagrid_zibiao" class="easyui-datagrid" style="width:100%;height:100%;padding:10px" data-options="toolbar:'#ZhiBiaoZuHeMingCheng_toolbar_zibiao',singleSelect:true,selectOnCheck: false"> <thead> <tr> <th data-options="field:'zhibiaoxuhao',halign:'center',align:'center',order:'asc'"style="width:95%">指标组合信息</th> </tr> </thead> </table> </div> </div> </div> ```

easyUI datagrid 列编辑

datagrid行上多个字段都是可编辑的,都有editor 属性,但是现在想要单击或双击某一列,打开当前列的编辑状态,求助大神,谢谢 答案找到了,谢谢 <script type="text/javascript"> $.extend($.fn.datagrid.methods, { editCell : function(jq, param) { return jq.each(function() { var opts = $(this).datagrid('options'); var fields = $(this).datagrid('getColumnFields', true).concat( $(this).datagrid('getColumnFields')); for ( var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor1 = col.editor; if (fields[i] != param.field) { col.editor = null; } } $(this).datagrid('beginEdit', param.index); for ( var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor = col.editor1; } }); } }); var editIndex = undefined; //结束编辑 function endEditing() { if (editIndex == undefined) { return true } if ($('#dg').datagrid('validateRow', editIndex)) { $('#dg').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } //单击单元格 function onClickCell(index, field) { if (endEditing()) { $('#dg').datagrid('selectRow', index).datagrid('editCell', { index : index, field : field }); editIndex = index; } } </script>

easyui datagrid getChecked无法获取勾选的数据

easyui datagrid在编辑状态下,用鼠标勾选了数据行后,在调用acceptChanges接受数据更改,恢复到不可编辑状态时,此时调用getChecked无法获取到之前在编辑状态下勾选的数据,虽然此时数据行前面的复选框checkbox还是在勾选的状态。 easyui版本1.4.3

easyui datagrid获取数据库里double类型的数据显示小数点后两位,不够的补0

easyui datagrid获取数据库里double类型的数据显示小数点后两位,不够的补0

获取easyui中datagrid全部行数

获取行数的方法是 var row = $('#UserManageGrid').datagrid('getRows'); 但是我datagrid里面有数据为什么使用这个方法 alert(row.length)出来的为0?各位大神怎么解,

EasyUI-datagrid如何实现再次单击取消该行选中状态

![图片说明](https://img-ask.csdn.net/upload/201603/17/1458207930_325886.png) 如上图所示,单击某一个单元格时会选中该单元格所在行,如何实现再次单击时取消该行选中状态,或者单击空白区域(即不单击任何一个单元格)实现取消行选中状态。 小白一枚,提问方式有不对的地方请见谅,最好能给出实现的代码,谢谢!!!

easyui datagrid 不显示json数据

过程描述:页面 A输入参数,进入controller进行逻辑处理并生成json数据,然后通过 MVC返回json数据,并对页面A相关easyui datagrid表格进行数据展示。 问题:easyui datagrid不现实数据,且页面不报错,调试能看到json数据。 页面代码: <table id="tt"></table> ``` <button id="myb" class="easyui-linkbutton c6" type="button" onclick="test()" >测试</button> function test(){ jq('#tt').datagrid({ title:'DataGrid - DetailView', width:500, height:250, remoteSort:false, singleSelect:true, nowrap:false, fitColumns:true, type:"POST", url:'/store/saleout/getjson', columns:[[ {field:'product_name',title:'Item ID',width:80}, {field:'numbers',title:'Product ID',width:100,sortable:true}, {field:'price',title:'List Price',width:80,align:'right',sortable:true}, {field:'buyer',title:'Unit Cost',width:80,align:'right',sortable:true} ]] }); alert("333"); } ``` 调试显示数据:{"rows":[{"product_name":"土豆","numbers":2,"price":40,"buyer":"A","style":"A","type":"WU","saleoutdate":"2015-3-31"}],"total":1} 请教一下:什么原因导致 easyui datagrid数据不显示?不报错,不知道到底从哪里入手,困扰了不短时间,多谢!! 页面完整代码如下,调试数据截图在附件中。 ![![图片说明](https://img-ask.csdn.net/upload/201505/31/1433004879_544586.png)图片说明](https://img-ask.csdn.net/upload/201505/31/1433004871_778225.png) ``` <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <html lang="en"> <jsp:include page="../fragments/staticFiles.jsp" /> <jsp:include page="../fragments/BootStrapFiles.jsp"/> <head> <meta charset="utf-8"> <title>saleout</title> <script type="text/javascript"> var jq = $.noConflict(); function test(){ jq('#tt').datagrid({ title:'DataGrid - DetailView', width:500, height:250, remoteSort:false, singleSelect:true, nowrap:false, fitColumns:true, type:"POST", url:'/store/saleout/getjson', columns:[[ {field:'product_name',title:'Item ID',width:80}, {field:'numbers',title:'Product ID',width:100,sortable:true}, {field:'price',title:'List Price',width:80,align:'right',sortable:true}, {field:'buyer',title:'Unit Cost',width:80,align:'right',sortable:true} ]] }); alert("333"); } jq(document).ready(function(){ jq("#ajax_pos").click( function (){alert("test"); jq.ajax({url:"<spring:url value="/saleout/precheck.html"/>", data:jq("#search_form").serialize(), contentType: "application/x-www-form-urlencoded; charset=UTF-8", type:"POST", success: function(data){ // jq("#tt").datagrid("load"); if( window.confirm(" 添加记录成功,是否继续添加?")){ // location.reload(); // alert(data.toString()); }else{ location.href="<spring:url value="/menu" htmlEscape="true"/>"; } }, error:function(data){alert("数据失败!"+data);}, }); }); }); </script> <style> ul { margin: 0; width: 100%; } li { margin: left; float: left; width: 100%; } </style> </head> <body> <div id="headmenu"> <jsp:include page="../saleOut/saleoutMenu.jsp"/> </div> <p></p> <table id="tt"></table> <button id="myb" class="easyui-linkbutton c6" type="button" onclick="test()" >测试</button> <div id="ajax_form" align="center" > <form:form modelAttribute="saleout" id="search_form" method="post"> <fieldset> <div id="product_name" align="left"> <label class="control-label">产品名称: </label> <form:input path="product_name" size="30" maxlength="80" /> </div> </fieldset> </form:form> <div id="_buttons"> <button id="ajax_pos" class="easyui-linkbutton c6" type="button" style="width: 80px; height: 35px" >提交</button> </div> </div> </body> </html> ```

动态生成的easyui datagrid怎么获得改变的值????

datagrid为动态生成的可编辑表格,用getchanges方法没有改变的值也会得到???

easyui datagrid combobox 一行选中一个值,其它行不能再选择,怎么实现 求帮助

easyui datagrid combobox 一行选中一个值,其它行不能再选择,怎么实现 求帮助

easyui datagrid控件怎么手动输入pageSize大小进行查询

easyui datagrid控件怎么手动输入pageSize大小进行查询

easyui datagrid中行颜色显示的问题

我用rowStyler给行设置样式后,默认的选中行样式就不起作用了,如何解决? ``` rowStyler:function(rowIndex,rowData){ //已审核的变色 if(rowData.auditingState=="2" ) { return 'background-color:#eee;'; } }, ```

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 开发接口 c# 中方法上面的限制 c# java 时间戳 c#单元测试入门 c# 数组转化成文本 c#实体类主外键关系设置 c# 子函数 局部 c#窗口位置设置 c# list 查询 c# 事件 执行顺序
立即提问
相关内容推荐