用下面简单的表格表示一个进过绑定数据的服务器控件gridview 其中girdview的ID为ViewMsg “查看”控件是linkbutton
序号 | 名字 | 操作 |
1 | aa | 查看 |
2 | bb | 查看 |
<asp:TemplateField HeaderText="查看" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:LinkButton ID="linkHandle" runat="server" OnClientClick='return showF();'>
查看</asp:LinkButton>
</ItemTemplate><ItemStyle HorizontalAlign="Center"></ItemStyle></asp:TemplateField>
现在是要点击查看 返回 当前行中名字的那一列中单元格的值
function showF() {
var e = event.srcElement; //获取鼠标点击的元素
//获取元素所在的行的行号(表头从0开始)注意 parentElement只适合IE parentNode符合DOM标准
//var rowIndex = e.parentElement.parentElement.rowIndex;
var rowIndex = e.parentNode.parentNode.rowIndex;
var num = getElementvalue("ViewMsg", rowIndex);
alert(num);
return false;
}
//获取gridview点击行中的列值
function getElementvalue(gridId, rowIndex) {
var $td = $("#" + gridId + " tr:eq("+rowIndex+") td").eq(1);
if ($td == null)
return "";
else
return $td.text();
}