datalist里使用js 控制控件的显示隐藏
datalist里使用js 控制控件的显示隐藏
datalist<ItemTemplate> 面板里 有1个Button 和 1个label 想通过js 点击Button实现label的显示隐藏
请教前辈
[解决办法]
获取Datalist
var dt=document.all.<%=Datalist1.ClientID %>;
[解决办法]
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DataListDemo.aspx.cs" Inherits="DataListDemo" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>无标题页</title> <script type="text/javascript"> function showHide(lbl) { if(document.getElementById(lbl).style.display == "none") { document.getElementById(lbl).style.display = "inline"; } else { document.getElementById(lbl).style.display = "none" } return false; } </script></head><body> <form id="form1" runat="server"> <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" OnItemDataBound="DataList1_ItemDataBound"> <ItemTemplate> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:Label ID="Label1" runat="server" Text='<%# Eval("ProductName") %>'></asp:Label> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Data Source=.\SQLEXPRESS;Initial Catalog=Northwind;Integrated Security=True" ProviderName="System.Data.SqlClient" SelectCommand="select * from products"></asp:SqlDataSource> </form></body></html>
[解决办法]
使用DataList的ItemDataBound事件循环的为每一个Button添加事件
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e) { (e.Item.FindControl("Button1") as Button).Attributes.Add("onclick", "show('" + 当前的行的Label-- > id + "')"); }