C＃.NET / javascript：折りたたみ可能なテーブル行-これについてはどうですか？

StackOverflow https://stackoverflow.com/questions/150124

  •  02-07-2019
  •  | 
  •  

質問

ボタンを押したときに行を折りたたむC＃.NETページがあります。このような多くのチュートリアルを見つけました（ http://codingforums.com/archive/ index.php？t-90375.html ）、ソリューションを実装しようとしましたが、ボタンをクリックしても何も実行されません。私が夢中にならないように、アイデアが機能するかどうかを確認するためだけに小さなテストページを作成しました。何らかの理由で、そうではありません。ブラウザはIE6です。 Visual Studio 2005を実行しています。これが機能しない理由は誰にもわかりませんか？レンダリングされたページには、予想どおりボタンとテキスト行が表示されます。ボタンをクリックしてもテキスト行は消えません。 divを使用できることは知っていますが、これは概念実証にすぎないことを忘れないでください。私の実際のアプリケーションでは、折りたたむ必要があるのはテーブル行です。

<%@ 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）名前付けコンテナー。 HTMLソースを確認します

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top