C# 我需要使用c在ASP.NET中制作动态可折叠面板#

C# 我需要使用c在ASP.NET中制作动态可折叠面板#,c#,asp.net,C#,Asp.net,我需要使用C#在ASP.NET中创建动态可折叠面板 最好的方法是什么?我的最佳选择是使用JQuery和Javascript slideUp/slideDown中包含面板的 大概是这样的: <div id="pnlPanelHeader"> Caption <a href="#" onclick="$('#pnlPanel').toggle();return false;">Toggle</a> </div>

我需要使用C#在ASP.NET中创建动态可折叠面板


最好的方法是什么?

我的最佳选择是使用JQuery和Javascript slideUp/slideDown中包含面板的

大概是这样的:

    <div id="pnlPanelHeader">
        Caption <a href="#" onclick="$('#pnlPanel').toggle();return false;">Toggle</a>
    </div>
    <asp:Panel ID="pnlPanel" runat="server" ClientIDMode="Static">
        Content to be collapsed
    </asp:Panel>

说明文字
要折叠的内容

我的最佳选择是使用JQuery,并在Javascript slideUp/slideDown中包含面板

大概是这样的:

    <div id="pnlPanelHeader">
        Caption <a href="#" onclick="$('#pnlPanel').toggle();return false;">Toggle</a>
    </div>
    <asp:Panel ID="pnlPanel" runat="server" ClientIDMode="Static">
        Content to be collapsed
    </asp:Panel>

说明文字
要折叠的内容
您可以使用的扩展程序或列出的jQuery插件之一

您也可以使用jQuery UI的小部件来实现此目的。

您可以使用的扩展程序,或列出的jQuery插件之一

您也可以使用jQuery UI的小部件来实现这一目的。

Telerik有一个免费(非商业用途)的控件库(ASPX和Razor),其中包括您想要的:

Telerik有一个免费(非商业用途)的控件库(ASPX和Razor),其中包括您想要的:


作为这个问题的一个侧面,我想补充一点。人们似乎已经忘记了,由于页面的轻量级,它们在搜索引擎中更受欢迎。如果整个站点没有使用JQuery,那么最好使用简单的JS解决方案向站点/页面添加65k文件。JS函数甚至不会占用5kb,这是一个很大的区别。@Dementic我同意,但人们倾向于使用“简单”的解决方案,如AJAX工具包或其他类似的库,这会在生成页面的大小方面增加更多的开销。我可以说,在ASP.NET开发中,我使用的服务器端控件和解决方案越来越少,更多地依赖html/javascript,并且仅将服务器端代码用作服务层。我的网站现在运行得更流畅,索引更好,开发速度更快。我确实理解你的意思,但我不能阻止自己举一个我做过的最新网站的例子,它确实使用了很多JS。但是JS的总文件大小是23kb,所以我仍然设法节省了一些开销。即使由于JS库更容易使用,人们往往忘记它们是用于大规模编程的“帮助”库,而不是用于做小事情的库。例如,我看到一个网站使用JQuery,只是为了进行一个ajax调用。这是错误的…作为问题的一方,我想补充一点。人们似乎已经忘记了,由于页面的轻量级,它们在搜索引擎中更受欢迎。如果整个站点没有使用JQuery,那么最好使用简单的JS解决方案向站点/页面添加65k文件。JS函数甚至不会占用5kb,这是一个很大的区别。@Dementic我同意,但人们倾向于使用“简单”的解决方案,如AJAX工具包或其他类似的库,这会在生成页面的大小方面增加更多的开销。我可以说,在ASP.NET开发中,我使用的服务器端控件和解决方案越来越少,更多地依赖html/javascript,并且仅将服务器端代码用作服务层。我的网站现在运行得更流畅,索引更好,开发速度更快。我确实理解你的意思,但我不能阻止自己举一个我做过的最新网站的例子,它确实使用了很多JS。但是JS的总文件大小是23kb,所以我仍然设法节省了一些开销。即使由于JS库更容易使用,人们往往忘记它们是用于大规模编程的“帮助”库,而不是用于做小事情的库。例如,我看到一个网站使用JQuery,只是为了进行一个ajax调用。它只是错了。。。