C# .NET / JavaScript : 접을 수있는 테이블 행 - 이것이 잘못된 것은 어떻습니까?
-
02-07-2019 - |
문제
버튼을 누르면 행이 무너지고 싶은 C# .NET 페이지가 있습니다. 나는 이와 같은 많은 튜토리얼을 발견했다 (http://codingforums.com/archive/index.php?t-90375.html), 솔루션을 구현하려고했지만 버튼을 클릭 할 때 아무것도하지 않습니다. 내가 미쳤는지 확인하기 위해 아이디어가 작동하는지 확인하기 위해 작은 테스트 페이지를 만들었습니다. 어떤 이유로 든 그렇지 않습니다. 브라우저는 IE6입니다. 나는 Visual Studio 2005를 운영하고 있습니다. 왜 이것이 작동하지 않는지 아는 사람이 있습니까? 렌더링 된 페이지에는 내가 기대할 수있는 버튼과 텍스트 줄이 표시됩니다. 버튼을 클릭하면 텍스트 줄이 사라지지 않습니다. 나는 divs를 사용할 수 있다는 것을 알고 있지만, 이것은 단지 개념의 증거 일뿐임을 기억합니다. 내 실제 응용 프로그램에서는 붕괴 해야하는 테이블 행입니다.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Project.Web.Auth.Test" %>
<!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 id="Head1" runat="server">
<title>Shop Financials</title>
<link href="../StyleSheets/ClaimsV2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function btnClick(control)
{
try
{
var id_table = document.getElementById(control).style;
if(id_table.display == "block")
{
id_table.display = "none";
}
else
{
id_table.display = "block";
}
}
catch(e)
{
alert(e);
}
}
function toDepositPrinterFriendly()
{
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td><asp:Button runat="server" OnClientClick="javascript:btnClick('HeaderRow')"/></td>
</tr>
<tr id="HeaderRow" runat="server">
<td>TEST2</td>
</tr>
</table>
</form>
</body>
</html>
해결책
1) 디스플레이는 처음에는 '블록'이 아닙니다. 노력하다:
if(id_table.display == 'none') { id_table.display = ''; } else { id_table.display = 'none'; }
2) 제어의 ID는 당신이 생각하는 것이 아닙니다. 이름 지정 컨테이너. HTML 소스를 확인하십시오
제휴하지 않습니다 StackOverflow