ボタンを表示/非表示にする方法は、JavaScriptでテンプレートに含まれています

テンプレート内に2つのasp.netボタンがあります（展開と折りたたみ）単純なクライアントサイドのJavaScript関数を実装して、折りたたみボタンを表示し、逆も同様です。ボタンを表示/非表示にする方法は、JavaScriptでテンプレートに含まれています

<asp:Button ID="btnExpand" runat="server" CommandName="Expand" 
      CommandArgument='<%# Container.DataElement("Id")%>' Text="+" /> 

<asp:Button ID="btnCollapse" runat="server" CommandName="Collapse" 
      CommandArgument='<%# Container.DataElement("Id")%>' Text="-" />

私はOnClientClickイベントを試みたが、彼らは、テンプレートにいるとそのIDが生成されますので、私はjavasciptから送信者ボタンと第二ボタンを取得する方法を知りませんでした。

また、サーバーの背後のコード（Visibleプロパティ）によって可視性を変更しようとしましたが、イベントハンドラがポストバック後に起動され、変更がクライアントに適用されないという問題があります。

助けてください！

申し訳ありませんが質問が愚かな場合、私はウェブ開発の新人です。

ありがとうございます。

出典

2011-01-05 Homam

使用のClientIDは次のように：あなたが非表示と表示テンプレートを実装している機能で

<!-- Supposing you have the following button control --> 
<asp:button id="myButton" runat="server" /> 

<script type="text/javascript"> 

    var theID = '<%= myButton.ClientID %>'; 

    // Now do whatever you like with it. 

</script>

出典

2011-01-05 21:10:01 Didaxis

リプレイに感謝しますが、私はコントロール内のテンプレート内のボタンを作成し、コントロール内の各アイテムに対してレンダリングされます。どちらがこのコードを返しますか？ – Homam

Hmmm。あなたの特定の要件が何であるかはわかりませんが、JavaScriptを使ってボタンを表示/非表示にすることを目的としている場合は、おそらくJavaScriptを使用して完全に行うことができます。つまり、すべてのボタンがjavascriptイベントをトリガーできれば、jQueryを使用して、対応する適切なボタンを取得し、それを切り替えることができます。 – Didaxis

、$("#buttonID").hide();を置きます。

出典

2011-01-05 21:12:44 Praneeth

コードを配置する場所には注意してください。 htmlクライアントレンダラーがそのアイテムの作成を完了したことを確認する必要があります。

出典

2011-01-05 21:13:42

答えて

関連する問題