可摺疊控件和選項卡

原創

2020-02-23 19:08

一、選項卡和可摺疊控件

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

其實在做數據量較大的選項卡時，可以把選項卡里嵌套個Iframe 可以提高切換選項卡的效率

<style> .Header { font-size: 12px; color: #ffffff; background: #666666; font-weight: bold; } .Content { font-size: 12px; color: #003366; background: #ffffcc; } </style> <body> <form id="form1" runat="server"> <div> <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="2"> <cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1"> <HeaderTemplate> asas</HeaderTemplate> <ContentTemplate> wwwww11 </ContentTemplate> </cc1:TabPanel> <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2"> <HeaderTemplate> bbbb</HeaderTemplate> <ContentTemplate> wwwww22</ContentTemplate> </cc1:TabPanel> <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel3"> <HeaderTemplate> cccc</HeaderTemplate> <ContentTemplate> wwww33</ContentTemplate> </cc1:TabPanel> </cc1:TabContainer> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <br /> <cc1:Accordion ID="Accordion1" runat="server" ContentCssClass="Content" HeaderCssClass="Header" FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250"> <Panes> <cc1:AccordionPane ID="AccordionPane1" runat="server"> <Header> 第一章 </Header> <Content> 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 </Content> </cc1:AccordionPane> <cc1:AccordionPane ID="AccordionPane2" runat="server"> <Header> 第二章 </Header> <Content> 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 </Content> </cc1:AccordionPane> <cc1:AccordionPane ID="AccordionPane3" runat="server"> <Header> 第三章 </Header> <Content> 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 1898年3月5日生，字翔宇。小名，大鸞。曾用名飛飛、伍豪、少山、冠生等。原籍浙江紹興，生於江蘇淮安。 </Content> </cc1:AccordionPane> </Panes> </cc1:Accordion> </div> </form> </body>

運行的效果圖：

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

SSE簡介

SSE（Server-Sent Events）是一種用於實現服務器主動向客戶端推送數據的技術，也稱爲“事件流”（Event Stream）。它基於 HTTP 協議，利用了其長連接特性，在客戶端與服務器之間建立一條持久化連接，並通過這條連接實

2024-04-19 09:31:29

教你用Perl實現Smgp協議

本文分享自華爲雲社區《華爲雲短信服務教你用Perl實現Smgp協議》，作者：張儉。引言&協議概述中國電信短消息網關協議（SMGP）是中國網通爲實現短信業務而制定的一種通信協議，全稱叫做Short Message Gateway Pro

2024-05-06 10:32:43

MySQL查出時間比實際晚8小時的解決方案

查詢出來的日期數據比數據庫中日期數據晚8小時，一開始很懵逼，IDEA 和 server 時區都一樣呢！後來發現： jdbcUrl=jdbc:mysql://localhost:hentai?useUnicode=true&character

2024-04-27 01:09:40

Nacos 安全零信任實踐

作者：柳遵飛 Nacos 作爲配置中心經常存儲一些敏感信息，但是由於誤用導致安全風險，最常見的主要是以下兩個問題： 1）Nacos 暴露公網可以嗎？不可以，因爲 Nacos 定位是註冊配置中心，是內部系統，不應該暴露到公網使用。 2）不得已

2024-04-26 21:12:11

對接HiveMetaStore，擁抱開源大數據

本文分享自華爲雲社區《對接HiveMetaStore，擁抱開源大數據》，作者：睡覺是大事。 1. 前言適用版本：9.1.0及以上在大數據融合分析時代，面對海量的數據以及各種複雜的查詢，性能是我們使用一款數據處理引擎最重要的考量

2024-04-24 22:33:08

告別手動調度，海豚調度器 3.1.x 集羣部署讓你輕鬆管理多機！

轉載自第一片心意 1 前言由於海豚調度器官網的集羣部署文檔寫的較亂，安裝過程中需要跳轉到很多地方進行操作，所以自己總結了一篇可以直接跟着從頭到尾進行操作的文檔，以方便後續的部署、升級、新增節點、減少節點的相關操作。 2. 提前準備 2.

2024-04-23 21:18:20

界面組件DevExpress Blazor UI v23.2 - 支持.NET 8、全新的項目模版

DevExpress Blazor UI組件使用了C#爲Blazor Server和Blazor WebAssembly創建高影響力的用戶體驗，這個UI自建庫提供了一套全面的原生Blazor UI組件（包括Pivot Grid、調度程序、圖

2024-04-23 11:34:47

從一次 RPC 請求，探索 MOSN 的工作流程

SOFA 六週年，歡迎來玩本週六 4.20 上海螞蟻集團 S 空間掃碼免費報名活動，來與 MOSN 社區負責人線下交流～ MOSN 社區歡迎您的加入！ MOSN 官網：https://mosn.io/ MOSN Github：http

2024-04-18 22:46:41

在Python中實現代理服務器的配置和使用方法

在網絡通信中，代理服務器是一種重要的網絡中間件，它可以作爲客戶端和服務器之間的中轉站，增強網絡安全性、提高訪問速度、隱藏真實IP地址等。Python作爲一種強大的編程語言，提供了豐富的庫和模塊，使得實現和配置代理服務器變得非常簡單。本文將介

2024-04-17 23:25:44

實操|基於OceanBase打造更穩定的Zabbix監控系統

近日，Zabbix和OceanBase成功完成了兼容認證。Zabbix支持OceanBase作爲後臺數據庫存儲配置數據和歷史數據，並且性能更優於MySQL數據庫。 Zabbix簡略系統拓撲圖： Zabbix Server和Zabbix

2024-04-17 22:13:13

server_id 引發的 MySQL 級聯複製同步異常

MySQL 級聯複製的坑，我幫你們踩了。作者：蔣士峯，愛可生 DBA 團隊成員，熟悉 MySQL，Oracle 等數據庫。每天的積累，時間久了，會帶來不一樣的收貨。愛可生開源社區出品，原創內容未經授權不得隨意使用，轉載請聯繫小編並註明

2024-04-16 23:20:27

【安裝部署】Apache SeaTunnel 和 Web快速安裝詳解

版本說明由於作者目前接觸當前最新版本爲2.3.4 但是官方提供的web版本未1.0.0，不兼容2.3.4，因此這裏仍然使用2.3.3版本。可以自定義兼容處理，官方提供了文檔：https://mp.weixin.qq.com/s/Al1V

2024-04-16 12:22:36

Monibuca v5 實現熱重啓

優雅關閉在 v4 中關閉一個流通過改變流的生命週期實現 v4 中流有一個 G（goroutine）專門負責管理流的生命週期,並使用狀態自動機來實現狀態變更。但是在退出發佈者或者訂閱者，仍然遇到一些問題，首先發布者和訂閱者各自有自己的

2024-04-15 12:52:57

詳解K8s 鏡像緩存管理kube-fledged

本文分享自華爲雲社區《K8s 鏡像緩存管理 kube-fledged 認知》，作者：山河已無恙。我們知道 k8s 上的容器調度需要在調度的節點行拉取當前容器的鏡像，在一些特殊場景中，需要快速啓動和/或擴展的應用

2024-04-15 10:32:44

從零開始搭建雲呼叫中心之FreeSwitch實戰

一. 開篇在當今快速發展的數字化時代，企業對於高效率、低成本、可擴展性強的通信解決方案的需求日益增長。雲呼叫中心作爲一種新興的服務模式，正逐漸取代傳統的硬件呼叫中心。FreeSwitch，作爲一款強大的開源通信平臺，因其卓越的性能和

2024-04-11 11:15:56

24小時熱門文章

最新文章

最新評論文章