はasp.netのウェブフォーム内

Question

を形成する部分にヘッダとして使用されます。これには、エクスパンダパネルバーに似た画像のリンクボタンが含まれています。

CollapsiblePanelExtnderは、asp.netコントロール（LinkBut​​ton）をクリックすると展開されるajaxツールキットコントロールで、ユーザーコントロールがPlaceHolderにロードされ、新しいデータセクションが表示されます。 これはすべて正常に動作しますが、現在はリンクボタンをクリックして（期待どおり）セクションを展開することができます。私がしたいのは、divセクション全体（expanderHeaders）をクリックし、セクションを展開するコントロールとして機能させることです。

jQueryを使用してみましたが、パネル拡張を複製するだけでなく、サーバー側のコントロールだけでなく、クライアントイベントを受け入れる際にDIVレイヤーを機能させるように設定できました。しかし、私は、jQueryを使用しているときにユーザーコントロールを読み込むためのサーバーサイドメソッドを呼び出すことができなかった。

リンクボタンがdivレイヤーの全コンテンツにまたがる可能性のある既存のコントロールを設定する方法や、クライアント側のスクリプト/ jQueryを使用してサーバー側のメソッドを呼び出す方法ページ内のユーザーコントロール？ジェームズへ

更新が答える事前に

おかげで

私はこの

jqueryの

$(function() { 
     $("#panel").hide(); 
    }); 
    $(document).ready(function() { 
     $(".slide").click(function() { 
      $("#panel").show("slow"); 
     }); 

    }); 

とASPX

<div> 
    <div id="panel" > 
    <p>stuff here</p> 
    </div> 
    <div class="slide" id="div1" runat="server"> 
     <p class="btn-slide">Expand Panel</p> 
    </div> 
</div> 

のようなものを試してみました

CSSを省略します。

この方法を使用すると、divレイヤーをクリックするたびにポストバックが発生するように見えるので、コードブロックにアクセスすることはありません。

protected void Page_Load (object sender, EventArgs e) 
    { 
     if (!Page.IsPostBack) 
     { 
      div1.Attributes["onclick"] = ClientScript.GetPostBackEventReference(this, "ClickDiv"); 
     } 

    } 

    protected override void RaisePostBackEvent (IPostBackEventHandler source, string eventArgument) 
    { 
     //call the RaisePostBack event 
     base.RaisePostBackEvent(source, eventArgument); 

     if (eventArgument.ToUpper() == "CLICKDIV") 
     { 

     } 
    } 

ダイスはまだありません。

Answer 1

おそらくjQueryを使ってこれを行うために容易になるだろう：あなたはdiv要素にIDを与えるとrunat="server"を指定することができれば、あなたはこのような何かを行うことができ、

//obviously, adjust this to your needs 
$(document).ready(function(){  
    $(".expanderheaders").click(function(){ 
     $(".detailsectionBorders").hide("slow"); 
    } 
}); 

をそれをサーバー側を行うには：

を

<div id="div1" runat="server"> 
    Expand Me 
</div> 

コードビハインド：

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!Page.IsPostBack) 
    { 
     div1.Attributes["onclick"] = ClientScript.GetPostBackEventReference(this, "ClickDiv"); 
    } 
} 

protected override void RaisePostBackEvent(IPostBackEventHandler source, string eventArgument) 
{ 
    //call the RaisePostBack event 
    base.RaisePostBackEvent(source, eventArgument); 

    if (eventArgument.ToUpper() == "CLICKDIV") 
    { 
     //logic here 
    } 
}