首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

datalist里使用js 控制控件的显示隐藏,该怎么解决

2012-02-16 
datalist里使用js 控制控件的显示隐藏datalist里使用js 控制控件的显示隐藏datalistItemTemplate 面板里

datalist里使用js 控制控件的显示隐藏
datalist里使用js 控制控件的显示隐藏

 datalist<ItemTemplate> 面板里 有1个Button 和 1个label 想通过js 点击Button实现label的显示隐藏

请教前辈

[解决办法]
获取Datalist
var dt=document.all.<%=Datalist1.ClientID %>;

[解决办法]

HTML code
<%@ 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添加事件

C# code
    protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)    {        (e.Item.FindControl("Button1") as Button).Attributes.Add("onclick", "show('" + 当前的行的Label-- > id + "')");    } 

热点排行
Bad Request.