DataGrid 中用JS去实现的一个常见问题！
0
最佳答案
0
JQUERY
$("#GridView1").find("tr:not(:first)").find("td:eq(1)").find("input[type=radio]").click(function()
{
var tr=$(this).parent().parent();
var td1=tr.find("td:eq(1)"); //第一行
var td2=tr.find("td:eq(2)"); //第地2行
});
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>woody test</title>
<script language="javascript" type="text/javascript" src="JS/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(document.body).ready(function()
{
$("#DataGrid1").find("tr").find("td:eq(0)").find("input[type=radio]").click(function()
{
var td1=$(this).parent();
var tr=td1.parent();
var td2=tr.find("td:eq(1)");
alert(td2.html());
});
});
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:DataGrid style="Z-INDEX: 101; POSITION: absolute; TOP: 88px; LEFT: 168px" id="DataGrid1"
runat="server">
<Columns>
<asp:TemplateColumn HeaderText="按鈕">
<HeaderStyle Wrap="False"></HeaderStyle>
<ItemStyle Wrap="False"></ItemStyle>
<ItemTemplate>
<input type="radio" value="選擇我" runat="server" id='aa' />
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
</form>
</body>
</HTML>
能不能稍微具体点，JQUERY内容很多啊，不好找
$("#DataGrid1").find("tr:not(:first)").find("td")--這裡就是所有的該行的元素
@woody.wu:麻烦再追问一句，这段话是加在哪里的？
@死神的背影:看看
@woody.wu:非常感谢，写的很详细，不过我拿过来没有反应，那个加载事件都进不去，不知道是什么问题，是不是因为我的这个东西是写在用户控件中的缘故？
@死神的背影:
這隻是客戶端事件的。
再者，UserControl對應的客戶端在ID是會變的。
@死神的背影:能否看看你怎麼弄的?
@woody.wu:
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="MyWUC.ascx.cs" Inherits="MyWork.WebUserControl.MyWUC" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<script type="text/javascript">
$(document.body).ready(function()
{
alert();
$("dgData").find("tr").find("td:eq(0)").find("input[type=radio]").click(function()
{
var td1=$(this).parent();
var tr=td1.parent();
var td2=tr.find("td:eq(1)");
alert(td2);
});
});
</script>
<div><br>
<asp:datagrid id="dgData" PageSize="3" runat="server">
<Columns>
<asp:TemplateColumn HeaderText="选择">
<ItemTemplate>
<INPUT type="radio" value="选择" name="radioSelect">
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid><br>
<asp:button id="btnPrev" Runat="server" Text="上一页"></asp:button> <asp:label id="lblCurrentPage" Runat="server"></asp:label>
<asp:button id="btnNext" Runat="server" Text="下一页"></asp:button></div>
我把那段JQuery脚本放到调用这个用户控件的页面也没反应，而且再没有其他的onload事件了啊
@死神的背影:
把代碼手動輸入，不要COPY。好象從這html裡COPY過去的代碼會有問題.
其他回答(2)
0
搞不懂你为什么要自己加一列呢，自找麻烦。加一个模板列多方便。
0
动态设置GridView的DataKeyNames属性不能实现你需要的功能吗？
