怎么获取点击table中的信息

在一张表中有操作选项,点击操作获取这一行的信息用的easyui
$("#list").datagrid({
title:'项目整件列表',
url:'<%=request.getContextPath()%>/EquipmentPageListAjax.do',
loadMsg:"请稍候...",
iconCls:'',
nowrap: true,
striped: true,
fitColumns:true,
pagination:true,
rownumbers:true,
queryParams: {
t: new Date(),
entrance: '<%= SystemConst.SC_SREACHPAGELIST_ENTRANCE%>',
searchType: $('#searchType').val(),
projectCode: $('#projectCode').val(),
hasMaterial: $('#hasMaterial').val(),
isAllReady: $('#isAllReady').val(),
isProblem: $('#isProblem').val(),
isImpact: $('#isImpact').val(),
isTr: $('#isTr').val(),
levelGrade: $('#levelGrade').val(),
productManager: $('#productManager').val(),
maxDeviation: $('#maxDeviation').val(),
timeAxis: $('#timeAxis').val(),
materialCode: $('#materialCode').val(),
isImpactEquipment: $('#isImpactEquipment').val(),
undetermined: $('#undetermined').val(),
dataComeSource: $('#dataComeSource').val(),
dataClass: $('#dataClass').val()

    },
    rowStyler:function(index,row){
        if (row.maxDeviation >= 1 && row.maxDeviation <= 15){   
            return 'color:#9eba00;';
        }
        if (row.maxDeviation >= 16 && row.maxDeviation <= 30){   
            return 'color:#ec802a;';
        }
        if (row.maxDeviation > 30){
            return 'color:#eb3736;';
        }
    },
    onLoadSuccess:function(data){
        frame_init_show();
    }
});
 // 表格自适应
$(window).resize(function(){ 
    $('#list').datagrid('resize');
});
var type = '<%=SystemConst.SE_RELATED_ME_EQUIPMENT%>';
window.fetchField(type);

});

表就是这样,怎么获取点击的这一条信息

0

2个回答

 onClickRow rowIndex, rowData 在用户点击一行的时候触发,参数包括:
rowIndex:点击的行的索引值,该索引值从0开始。
rowData:对应于点击行的记录。

$("#list").datagrid({
 ...
onClickRow : function(rowIndex ,rowData ){
      //点击一行时会触发该事件, 该行数据会封装在 rowData 中  , 索引在 rowIndex 参数中

}
...
})
1

rowStyler:function(index,row){

            row.id  就是你点击对应行信息的id,有了id什么就都有了。至于你实体类中是什么id,你自己改成对应即可
}
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
点击table中的一行获取这一行中的其他数据
id username password gender eMail 1 张三 123 男 111@163.com 2 李四 321 女 222@163.com table id="table">     thead>  
bootstrap table中,每一行有一个详细按钮,点击按钮显示该行的具体详细信息。
做法: 由于改行只是粗略的显示一些简单的信息,有些列的信息不会显示在页面上,但是使用row在获取改行的内容的时候,必须要获取该列的内容,所以设置该行的visible:false;然后同过row就可以获取该属性值。 例如: student有id,name,age,userName,password,companyName,Address等信息,但是表格值显示id,name,age,userNa...
关于table表格中点击一个按钮获取该行的某一列的值并将其传到模态框的问题解决
今日在做实训项目时,由于需要用到bootstrap的模态框以及table表格传值,具体的问题是:当我点击表格中的按钮时,就将表格的该行的第一列传值到模态框的文本框中,再由模态框通过form表单提交到后台进行处理。但是在网上找了好久都找不到如何获取表格的第一列,可能是代码的方式不一样,所以说网上的方法对我都没有用,出现的问题是当我点击时它获取的是那一列的所有的值,并不是我想要的,所以解决方法如下:我...
EasyUI table中点击按钮获取当前行数据
EasyUI中我们经常用到表格,然后要操作当前行的数据,如下图 当点击保存的时候获取当前行数据并显示,如下 参考EasyUI官方文档,代码如下: //点击时精确定位到当前行 $("#tableId").datagrid("selectRow",rowIndex); //获取当前行的数据 var row=$("#tableId").datagrid("getSelecte
Antd之获取table每一行数据
先看效果图 第一步:在你的action外面套一个template 第二步:获取当前行的数据 第三步:测试 分别点击两个查看按钮,打印出不同的数据
JQuery点击table获取点击行的数据
jquery代码 $(function () { var TaskType = ''; $("#data_table tr:gt(0)").click(function () { TaskType = $(this).find("td").eq(0).html(); alert(TaskType)
react-antd中Table表单点击行的问题
click(record,rowkey){    console.log(record)    console.log(rowkey)}render(){    return(        &amp;lt;Table  columns={columns}  dataSource={data}             onRow={(record,rowkey)=&amp;gt;{                ...
swing table 获取鼠标右击的行
先创建Point类获取鼠标位置 再通过表格的rowAtPoint方法来获取点击的行 通过setRowSelectionInterval选择点击此行 部分代码 table.addMouseListener(new MouseAdapter() { public void mouseClicked(MouseEvent e){ if (e.getButton() == Mouse
table 操作——点击表格某一行获取这一行的某一个单元格
//点击表格某一行获取这一行的某一个单元格 $("#inquire-tab").on("click","tr",function(e){       var arr = [];        $(this).children().map(function(el){            arr.push($(this)[0].innerText)         });        
点击table中的某一个td,获得这个tr的所有数据
功能: 点击table中的某一个td,获得这个tr的所有数据效果图[html] view plain copy&amp;lt;html&amp;gt;  &amp;lt;head&amp;gt;  &amp;lt;script&amp;gt;      function getData2(element){          document.getElementById(&quot;name&quot;).value=element.children[0].in...
datatable列表行中的点击按钮怎么获得当前行的id值
列表效果如图: 点击详情按钮,打开弹框并显示详情: 点击详情按钮,怎么获取当前行的id呢? 将id赋值给前面的多选框,或者放到一个隐藏的Input里 html为: 则,添加点击事件: function中传入默认参数e,用$(e.currentTarget)来获取当前点击的对象,则可以根据父子节点的操作来获取到input中id的值。 ...
elementUI获取table当前行的数据
&amp;lt;el-table @selection-change=&quot;getRowDatas&quot;   ----&amp;gt;获取当前行的函数 :data=&quot;tableData&quot;     ----&amp;gt;table表格的数据绑定 :row-style=&quot;tablebgc&quot; ----&amp;gt;隔行变色 &amp;gt;   ----&amp;gt;隔行变色 tablebgc({ row, rowIndex }) { ..
跳转路由时传参,elementUI的table表格点击对应行,获取对应行的数据;更改el-table头部样式
需求情景:我要从模板列表页跳转到编辑页,在编辑页面我要获取到对应的id,传给后台,以获取对应的模板详情 html部分 @1、这里使用了插槽,当点击对应行的时候,会获取对应行的数据和下标 @2、:header-cell-style="{color:'#333'}"可以更改头部table的样式 :header-cell-style="{color:'#333'}" @3、跳转路由时传参...
点击table中的某一个td 获得这个tr的所有数据
点击table中的某一个td 获得这个tr的所有数据
bootstrap table 单击获取当前行号
bootstrap table 单击事件获取当前行号
获取elementui table 当前行的详细数据
el-table @row-click=&amp;quot;getDetails&amp;quot; row-click 当某一行被点击时会触发该事件 row, event, column,然后在methods里面触发该事件即可,如下 methods:{ getDetails(row){ console.log(row)//此时就能拿到整行的信息 } } ...
fastAdmin的bootstrap-table表格批量操作按钮(获取当前选中的数据)
fastAdmin的bootstrap-table表格批量操作按钮(获取当前选中的数据) 一、代码如下 //点击全选框时触发的操作 onCheckAll:function(row){ var checkedbox= $(&quot;#table&quot;).bootstrapTable('getSelections'); //获取选中的数据 }, //取消所有 onUncheckAl...
jquery获得table当前行中的所有内容
function getTd(obj){ var td = $(obj).parents('tr').children('td'); td.eq(0).find("select").val(); td.eq(1).find("select").val(); td.eq(2).find("select").val(); //下拉列表使用 td.eq(3)
bootstarpTable点击行事件,点击数据事件,layer实现的包含页面的弹出层
需求:在一个bootstrapTable插件实现的表格中,需要在点击某行的时候弹出一个模态框,模态框中展示了表格元素的具体信息。 具体效果如下图: bootstrapTable中自带了点击行的事件: $('#nurseDateTable').bootstrapTable({ sortable: false, //是否启用排序 ...
bootstrapTable获取某一行数据
根据id获取行的数据 uniqueId :id,//设置唯一行的标识 例: html中定义的id为CurrentcomID: &lt;input type="hidden" id="CurrentcomID"&gt; js中: var toComID = $("#CurrentcomID").val(); //val() 方法返回或设置被选元素的 value 属性。读取Cu...
table绑定点击事件,获取id
页面table: &amp;lt;table id=&quot;mailInfoTable&quot; &amp;gt;  &amp;lt;tr id=&quot;${temp.id?default(&quot;-&quot;)}&quot;&amp;gt;           &amp;lt;td class=&quot;message&quot;&amp;gt;${temp.saccount?default(&quot;-&quot;)}&amp;lt;/td&amp;gt;          
Layui组件Table绑定行点击事件和获取行数据
一个项目里面用了layui,简直无数个坑...这里先记录一个行点击事件的坑,后面慢慢补充.初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr绑定双击事件,然后获取Index,再从数据集里面取出行数据;done: function(res, curr, count){ $('#div').find('.layui-table-body'...
ElementUI表格中获取当前行数据(实现对table数据的修改和删除)
前言 在此之前,已经实现了vue+ElementUI的跨域查询并渲染查询结果的功能,现在想要在每一行中添加修改和删除的按钮。于是乎就需要获取当前行的数据,于是就有了下面两种方式的获取。 1 获取当前行的数据 1.1 我的笨办法 这里是我记录自己的学习过程,这个方法也能实现,但是麻烦,如果您只是为了寻找最终方案,请直接查看1.2章节。 首先我查看了官方文档,打算使用对话框来渲染修改页面和删除警告页面...
datatable 中 获取点击当前的行号,以及获取数据
datatable 中 获取点击当前的行号,以及获取数据获取行号获取数据获取某行的数据 获取行号 // 获取 点击当前行的 行号 $('.YKenan #myTable_YKenan').DataTable().row(this).index(); 获取数据 // 获取全部数据 $('.YKenan #myTable_YKenan').dataTable().fnGetData(); 获取...
PostgreSQL获取表名和字段名
PostgreSQL获取数据库中所有table名及所有字段名,以及获取指定table的所有字段信息
Element 中点击行如何获取 Table 的行索引
文档中有一个:row-class-name=&quot;tableRowClassName&quot;属性,可以获取到当前行的index &amp;lt;template&amp;gt; &amp;lt;el-table :data=&quot;tableData2&quot; style=&quot;width: 100%&quot; :row-class-name=&quot;tableRowClassName&quot;&amp;gt; &amp;lt;el-t
Qt获取QTableWidget的cellWidget控件的行列信息
环境:win10,Qt5.9.7 +msvc2017 参考:https://blog.csdn.net/deverwh/article/details/52748490 问题:tablewidget每行显示一个通信口信息(串口和网口),最后一列嵌入一个QPushButton按钮,用于连接和断开串口网口。一开始考虑用tablewidget的clicked信号获取tablewidget的curre...
jQuery获取table当前所在行
$("div tbody tr").click(function() {          var rows = $(this).prevAll().length + 1;//行号    alert(rows );   }); //获取表的总行数 tr $("#tableid").find("tr").length ; //获取所在行的行号 $(this)
bootstrap-table(二)服务器分页查询当前页显示
事故案发现场:   第一次查询数据有很多页,翻页到第5页后,通过查询条件查询数据时,因为服务器分页页码仍旧为5,而此时数据量小于5页,表格显示为未查询到数据。 解决方法:   使用bootstrap table的参数刷新方法(refreshOptions),在查询按钮刷新table发出数据请求时,将页码刷新回到1。 $table..bootstrapTable('refreshOption...
获取点击行数据
//1.拼接Table //2.JQurey代码
vuejs+element UI 点击编辑表格某一行时获取内容填入表单
handleEdit: function (index, row) { this.editFormVisible = true; this.editForm = Object.assign({}, row); } 详细教程: 1.首先,做一个表格,用于显示信息;代码如下: &amp;lt;el-table :data=&quot;users&quot; highlight-current-row ...
Java Swing JTable点击表头选中和取消选中列
在JTable中单击表头是不会自动选中列的,也没有接口可以直接在JTable中获取到表头的点击事件,只能通过监听JTableHeader的鼠标事件来做出响应。 JTableHeader tableHeader = table.getTableHeader(); tableHeader.setPreferredSize(new Dimension(tableHeader.getWidth...
angularjs table,点击行tr获取tr行数据
//tr双击 选中 确定//tr双击 选中 确定 * @param e */ //方法一 行点击方法 $scope.getData=function(e){ var tr= $(e.target).parents('tr'); var obj={}; ob...
如何在JAVA中JTable获取某一行内容
如何在JAVA中JTable获取某一行内容
element(表格当点击表格前面复选框的时候获取当前某一行数据)
element(表格当点击表格前面复选框的时候获取当前某一行数据)
jquery点击事件获取table行号、列号
tabel点击行,获取行号 $('#table tbody').on( 'click', 'tr', function (e) { var index = $(this).parent().context._DT_RowIndex; //行号 var rows = table.rows( index ).data();//获取行数据 }); tabel点击td,获取行号和列号
获取多选table选中行中的单元格内容
该源码实现了如果table中第一列为多选文本框,要获取选中某几列后获取选中行后面的单元格td中的内容!
利用jquery实现点击表格某一行,其后跟随div弹出框效果
NULL 博文链接:https://hugang357.iteye.com/blog/971213
jquery实现单击table的某个td获取当前列的第一个值和当前行的第一个值(日历,日程相关的需求会有帮助)
可能大家不是太理解题目的意思,我用图作为例子: 当用户单击一个td,比如图中的“除外”,我可以用jquery获取这个“除外”的日期为“04/09(星期二)”,时间为“10:00~10:30” $('#interviewTime').find('td').each(function(){ var eachTd = new Object(); var cloumNumber = $(...
20170808-selenium获取列表内容2
case:今天获取列表内容的时候定位错误以及对table了解不透彻 1)定位表格中的行时,写法如下 table = driver.find_element_by_xpath("//div[@class='d-table-body']/table") rows = table.find_elements_by_tag_name("tr") prin