日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

ajaxToolKit中 的折叠面板用法--Accordion

發布時間：2025/6/17 编程问答 52 豆豆
生活随笔 收集整理的這篇文章主要介紹了 ajaxToolKit中 的折叠面板用法--Accordion 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1)在web.config 的<controls>中增中<add namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" tagPrefix="ajaxToolkit"/>

2)在頁面中增加

?

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="already_register_login.aspx.cs" Inherits="HRM_interview_already_register_login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
??? <title>在問卷中，使用可折疊控件以避免版面過長</title>
??? <link href="style.css" rel="Stylesheet" type="text/css" />
??? <%-- 給手風琴方格使用的樣式表 --%>
??? <style type="text/css">
??? TABLE.testtable INPUT
??? {
???? MARGIN-LEFT: -4px;
??? }
???
??? TABLE.testtable TR
??? {
???? VERTICAL-ALIGN: top;
??? }
???
??? .hrclass
??? {
??????? border: 2px ridge #0000FF
??? }?

??? /* 默認的標頭樣式表 */
??? .accordionHeaderDef
??? {
??????? border: 2px solid #0B0109;
??????? background-color: #8B7149;
??????? font-weight: bold;
??????? padding: 5px;
??????? margin-top: 5px;
??????? cursor: pointer;
??????? text-align: left;
??? }

??? /* 默認的內容樣式表 */
??? .accordionContentDef
??? {
??????? border: thick ridge #FFD8D8;
??????? background-color: #A7D9AF;
??????? border-top: none;
??????? padding: 5px;
??????? padding-top: 10px;
??????? text-align: left;
??? }

??? /* 默認的標頭之超級鏈接樣式表 */
??? .accordionHeaderDef a
??? {
??????? color: #FFFFCC;
??????? text-decoration: none;
??? }

??? /* 當鼠標移過默認的標頭之超級鏈接樣式表 */
??? .accordionHeaderDef a:hover
??? {
??????? background-color: LightSlateGray;
??????? color: Yellow;
??????? text-decoration: underline overline;
??? }
??? </style>
</head>
<body οnlοad="focus();">
??? <form id="form1" runat="server">
??????? <asp:ScriptManager ID="ScriptManager1" runat="server">
??????? </asp:ScriptManager>
??????? <div align="center">
???????????
??????????? <%-- 手風琴折 --%>
??????????? <ajaxToolkit:Accordion ID="Accordion1" runat="server" ContentCssClass="accordionContentDef"
??????????????? HeaderCssClass="accordionHeaderDef" RequireOpenedPane="false" SuppressHeaderPostbacks="true"
??????????????? Width="880px">
??????????????? <Panes>
??????????????????? <%-- 手風琴方格 --%>
??????????????????? <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
??????????????????????? <Header>
??????????????????????????? <a href="">1、基本信息</a>
??????????????????????? </Header>
??????????????????????? <Content>
??????????????????????????? 全名<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxName" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 稱謂 (先生/小姐)<br />
??????????????????????????? <asp:TextBox ID="TextBoxAppellation" runat="server">先生</asp:TextBox><br />
??????????????????????????? 地點/國名<font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:DropDownList ID="DropDownListCountry" runat="server">
??????????????????????????????? <asp:ListItem>中國</asp:ListItem>
??????????????????????????????? <asp:ListItem>美國</asp:ListItem>
??????????????????????????????? <asp:ListItem>英國</asp:ListItem>
??????????????????????????????? <asp:ListItem>日本</asp:ListItem>
??????????????????????????? </asp:DropDownList><br />
??????????????????????????? 我的電子郵件地址<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxEmail" runat="server" Width="472px"></asp:TextBox>
??????????????????????? </Content>
??????????????????? </ajaxToolkit:AccordionPane>
???????????????????
??????????????????? <%-- 手風琴方格 --%>
??????????????????? <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
??????????????????????? <Header>
??????????????????????????? <a href="">2、家庭信息</a>
??????????????????????? </Header>
??????????????????????? <Content>
??????????????????????????? 家庭電話<br />
??????????????????????????? <asp:TextBox ID="TextBoxPhoneHome" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 公司電話號碼 (區碼 - 號碼 - 分機) <b><font color="#FF0000">*</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxPhoneOfficeAreaCode" runat="server" Width="58px">010</asp:TextBox>
??????????????????????????? <asp:TextBox ID="TextBoxPhoneOfficeNumber" runat="server">12345678</asp:TextBox>
??????????????????????????? <asp:TextBox ID="TextBoxExtension" runat="server"></asp:TextBox><br />
??????????????????????????? 移動電話<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxPhoneCellular" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 車上移動電話<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxPhoneCar" runat="server" Width="472px"></asp:TextBox>
??????????????????????? </Content>
??????????????????? </ajaxToolkit:AccordionPane>
???????????????????
??????????????????? <%-- 手風琴方格 --%>
??????????????????? <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
??????????????????????? <Header>
??????????????????????????? <a href="">3、工用經歷</a>
??????????????????????? </Header>
??????????????????????? <Content>
??????????????????????????? 公司/組織名稱<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxCompany" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 部門<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxDepartment" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 職務<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxTitle" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 公司地址<br />
??????????????????????????? <asp:TextBox ID="TextBoxOfficeAddress" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????? </Content>
??????????????????? </ajaxToolkit:AccordionPane>
???????????????????
??????????????????? <%-- 手風琴方格 --%>
??????????????????? <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">
??????????????????????? <Header>
??????????????????????????? <a href="">4、教育情況</a>
??????????????????????? </Header>
??????????????????????? <Content>
??????????????????????????? <table id="table1" border="0" width="100%">
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox1" runat="server" Text="應用程序設計及開發工具" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox2" runat="server" Text="大型主機操作系統" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox3" runat="server" Text="系統管理軟件" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox4" runat="server" Text="商業智能應用軟件(BI)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox5" runat="server" Text="信息與協同合作應用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox6" runat="server" Text="通信系統" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox7" runat="server" Text="客戶關系管理應用軟件(CRM)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox8" runat="server" Text="中介軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox9" runat="server" Text="Unix 操作系統" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox10" runat="server" Text="數據庫管理系統" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox11" runat="server" Text="移動通信設備" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox12" runat="server" Text="網站設計、發布或維護" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox13" runat="server" Text="臺式計算機操作系統" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox14" runat="server" Text="網絡基礎架構相關系統" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox15" runat="server" Text="Windows Server - NT" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox16" runat="server" Text="臺式計算機應用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox17" runat="server" Text="Novell NetWare" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox18" runat="server" Text="Windows Server 2000" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox19" runat="server" Text="ERP 應用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox20" runat="server" Text="信息安全應用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox21" runat="server" Text="Windows Server 2003" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox22" runat="server" Text="特定產業商用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox23" runat="server" Text="存儲設備應用系統" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox24" runat="server" Text="無線網絡技術" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox25" runat="server" Text="知識管理應用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox26" runat="server" Text="供應煉管理應用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox27" runat="server" Text="其它" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox28" runat="server" Text="Linux" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????? </table>
??????????????????????? </Content>
??????????????????? </ajaxToolkit:AccordionPane>
??????????????? </Panes>
??????????? </ajaxToolkit:Accordion>
??????????? <asp:Button ID="ButtonOk" runat="server" Text="確定"? />
??????????? <asp:Button ID="ButtonCancel" runat="server" Text="取消" />
??????? </div>
??? </form>
</body>
</html>

轉載于:https://www.cnblogs.com/juan/archive/2009/04/15/1436496.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的ajaxToolKit中 的折叠面板用法--Accordion的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。