datalist里使用js 控制控件的显示隐藏,该怎么解决
日期：2014-05-18 浏览次数：20398 次
datalist里使用js 控制控件的显示隐藏
datalist里使用js 控制控件的显示隐藏
datalist<ItemTemplate> 面板里 有1个Button 和 1个label 想通过js 点击Button实现label的显示隐藏
请教前辈
------解决方案--------------------
获取Datalist
var dt=document.all.<%=Datalist1.ClientID %>;
------解决方案--------------------
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 + "')");
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
