Question

我想使用ajax面板扩展程序，以便点击ExpandControlID或CollapseControlID时应调用方法。

有人可以告诉我该怎么做吗？

Answer 1

添加新面板：

       <asp:Panel ID="pnlClick" runat="server" CssClass="pnlCSS">
        <div style="background-image:url('green_bg.gif'); height:30px; vertical-align:middle">
         <div style="float:left; color:White;padding:5px 5px 0 0">
     Alert Panel
      </div>
         <div style="float:left; color:White; padding:5px 5px 0 0">
       <asp:Label ID="lblMessage" runat="server" Text="Label"/>
      <asp:Image ID="imgArrows" runat="server" />
       </div>
      <div style="clear:both"></div>
      </div>
       </asp:Panel>

第2步：

添加您的面板，单击<隐藏和显示

        <asp:Panel ID="panel 5" runat="server" >

       </asp:Panel>

第3步：

在面板下方，添加CollapsiblePanelExtender

  <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"
   CollapseControlID="pnlClick" Collapsed="true" ExpandControlID="pnlClick" TextLabelID="lblMessage"
    CollapsedText="Show" ExpandedText="Hide" ImageControlID="imgArrows"
   CollapsedImage="~/Client/Images/CollapseExpand/downarrow.jpg" ExpandedImage="~/Client/Images/CollapseExpand/uparrow.jpg" ExpandDirection="Vertical"   TargetControlID="Panel5" ScrollContents="false">
  </cc1:CollapsiblePanelExtender>
 <asp:ScriptManager ID="ScriptManager1" runat="server">
 </asp:ScriptManager>

步骤：4

添加CSS

例如：

     <style type="text/css">
     .pnlCSS{
     font-weight: bold;
     cursor: pointer;
     border: solid 1px #c0c0c0;
     width:10%;
     }
     </style>

如何使用ajax panel extender的click事件来调用asp.net中的方法？

1 个答案: