Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.

Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.,第1张

<html>

<head>

<title>Table Test</title>

<meta name="generator" content="Editplus" />

<meta name="author" content="PJ" />

<script language="JavaScript">

<!--

function Delete()

{

var dgTable=documentgetElementById('tb')rows;//tb为table的ID,

var pp=windoweventsrcElement;

for (var i=0; i < dgTablelength; i++) //遍历table的行,

{

if(pp==dgTable[i]cells[2]getElementsByTagName("A")[0]) //cells[2]为触发事件的列的索引

{ //判断是否是触发事件的A标签

alert(dgTable[i]cells[0]innerText); //演示,d出所在行的第一列的内容

}

}

}

//-->

</script>

</head>

<body>

<table id="tb" border="1px" width="500px">

<tr>

<td width="40%">aaa</td>

<td width="40%">bbb</td>

<td width="15%"><a onclick="Delete()" href="#">delete</a></td>

</tr>

<tr>

<td>ccc</td>

<td>ddd</td>

<td><a onclick="Delete()" href="#">delete</a></td>

</tr>

<tr>

<td>eee</td>

<td>fff</td>

<td><a onclick="Delete()" href="#">delete</a></td>

</tr>

</table>

</body>

</html>

先说思路:

当点击某一行的时候,能得到这个tr的对象,可以通过这个对象得到该行的所有td对象,这时候可以通过一个序号来获取这一行的某个td的数据

下面以代码来解释

<table id="tb">

    <tr>

        <td>a</td><td>b</td><td>c</td>

    </tr>

    <tr>

        <td>aa</td><td>bb</td><td>cc</td>

    </tr>

</table>

<script>

    //以jquery为例实现点击某行获得某个td的数据

    $( "#tb tr" )click( function() {//给每行绑定了一个点击事件

        var td = $( this )find( "td" );//this指向了当前点击的行,通过find我们获得了该行所有的td对象

        //题中说到某个td,为了演示所以我们假设是要获得第3个td的数据

        var data = tdeq( 2 )html();//通过eq可以得到具体的某个td对象,从而得到相应的数据

    } );

</script>

综上,我们就实现了通过点击某行获得某个td的数据。

以下是一个extGrid获取所有选择行ID的函数,返回结果是把所有选择行的ID拼接成用逗号连接的字符串,经测试可用,按你的情况,选择一个就可以达到你的需求了

其中GridPanel1是你的grid,

function getSelectValue() {

var gsm = GridPanel1getSelectionModel(); //获取选择列

var rows = gsmgetSelections(); //根据选择列获取到所有的行

var selectid = ""

for (var i = 0; i < rowslength; i++) {

selectid += rows[i]get('id') + ","; //此处将ID改为您想要取的值

}

return selectidsubstr(0, selectidlength - 1);

}

以上就是关于Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.全部的内容,包括:Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.、在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据、Ext js 怎样获得 grid 修改后获取当前行 其他列的值(如主键)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9325524.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存