以 LinkButton为例
前台:
前台:
<script language= "javascript ">
function DivShow()
{
alert( "dddd ");
var div=document.getElementById( "div1 ");
if(div.style.display = "none ")
{
div.style.display = "none "
}
else
{
div.style.display = "none "
}
}
</script>
datalist
<asp:DataList ID= "DataList1 " runat= "server " BorderStyle= "Dotted "
onitemdatabound= "DataList1_ItemDataBound ">
<ItemTemplate>
<table>
<tr <td> <asp:LinkButton ID= "link1 " runat= "server " Text= "show "> </asp:LinkButton> </td>
<td> <div id= "div1 ">
aaaaashow
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
后台:function DivShow()
{
alert( "dddd ");
var div=document.getElementById( "div1 ");
if(div.style.display = "none ")
{
div.style.display = "none "
}
else
{
div.style.display = "none "
}
}
</script>
datalist
<asp:DataList ID= "DataList1 " runat= "server " BorderStyle= "Dotted "
onitemdatabound= "DataList1_ItemDataBound ">
<ItemTemplate>
<table>
<tr <td> <asp:LinkButton ID= "link1 " runat= "server " Text= "show "> </asp:LinkButton> </td>
<td> <div id= "div1 ">
aaaaashow
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
LinkButton link = (LinkButton)e.Item.FindControl( "link1 ");
link.Attributes.Add( "onclick ", "javescript:DivShow() ");
}
其实就是DataList onitemdatabound 事件的使用
{
LinkButton link = (LinkButton)e.Item.FindControl( "link1 ");
link.Attributes.Add( "onclick ", "javescript:DivShow() ");
}