0

我在使用 AJAX Collapsible Panel Extender 时遇到了一些问题。目前我正在尝试做的是当扩展某些面板时,它将执行一些 sql 语句。我不知道如何编写代码,只是在页面加载方法中压缩所有代码。以下是我设置可折叠面板扩展器的方法:

<!-- FIRST COLLAPSIBLE PANEL EXTENDER -->
                <asp:Panel ID="pHeader1" runat="server" CssClass="cpHeader">
                    <!-- First collapsible panel extender header -->
                    <div class="form-group" style="background-color:#ffb848; height: 30px; vertical-align: middle">
                        <div class="col-md-3">
                        <div style="float: left; color: White; padding: 5px 5px 0 0">
                            Collapsible Panel
                        </div>
                        </div>
                        <div class="col-md-9">
                        <div style="float: right; color: White; padding: 5px 5px 0 0">
                            <asp:Label ID="lblHeaderText1" runat="server" />
                            <asp:Image ID="imgArrows1" Text = "IMAGE" runat="server" />
                        </div>
                            </div>
                        <div style="clear: both"></div>
                    </div>
                </asp:Panel>
                <!-- First collapsible panel extender body -->
                <asp:Panel ID="pBody1" runat="server" CssClass="cpBody">
                    <asp:Label ID="lblBodyText1" runat="server" />
                    Hey there
                </asp:Panel>
                <asp:CollapsiblePanelExtender ID="cpe1" runat="server" TargetControlID="pBody1" CollapseControlID="pHeader1"
                    ExpandControlID="pHeader1" Collapsed="true" ImageControlID="imgArrows1"
                    CollapsedImage="~/Images/downarrow.jpg"
                    ExpandedImage="~/Images/uparrow.jpg" TextLabelID="lblHeaderText1" CollapsedText="Show"
                    ExpandedText="Hide" CollapsedSize="0" ExpandedSize="200"
                    ScrollContents="true">
                </asp:CollapsiblePanelExtender>

任何相关的研究链接将不胜感激。提前致谢。

4

1 回答 1

0

这个有可能。

总的来说,您应该使用 ajax 客户端页面生命周期。就像您的服务器端 aspx 页面中有页面加载一样;在所有 asp.net 客户端 ajax js 库全部加载后,客户端中会发生页面加载(即浏览器中呈现的网页)。

你应该这样做:

//this would be <%=myExtender.ClientID%> when using a master page
var extender = $find('myExtender_ClientId'); 
extender.add_collapsed( function() { alert('collapsed'); });
extender.add_expanded( function() { alert('expanded'); });

更多细节在这里:http ://forums.asp.net/p/1112899/1717195.aspx

您需要执行一些服务器端逻辑来填充容器中可见的内容。为此,您需要一些AJAJ。这只不过是一些以将 JSON 响应呈现回浏览器的方式编写的 aspx 页面。但它们将通过 XMLHttpRequest 对象调用。

或者,您可以依靠 asmx Web 服务,甚至是页面方法来为您完成工作。它们必须作为脚本服务运行才能为您完成工作。

看看这个线程:http ://forums.asp.net/t/1729092.aspx?loading+data+in+the+target+control+panel+of+collapsible+extender+when+Collapse+Expand +控制+面板+是+点击+

于 2013-12-27T15:07:01.983 回答