ajaxToolKit中 的折叠面板用法--Accordion
2)在頁(yè)面中增加
?
<%@ 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>在問(wèn)卷中，使用可折疊控件以避免版面過(guò)長(zhǎng)</title>
??? <link href="style.css" rel="Stylesheet" type="text/css" />
??? <%-- 給手風(fēng)琴方格使用的樣式表 --%>
??? <style type="text/css">
??? TABLE.testtable INPUT
??? {
???? MARGIN-LEFT: -4px;
??? }
???
??? TABLE.testtable TR
??? {
???? VERTICAL-ALIGN: top;
??? }
???
??? .hrclass
??? {
??????? border: 2px ridge #0000FF
??? }?
??? /* 默認(rèn)的標(biāo)頭樣式表 */
??? .accordionHeaderDef
??? {
??????? border: 2px solid #0B0109;
??????? background-color: #8B7149;
??????? font-weight: bold;
??????? padding: 5px;
??????? margin-top: 5px;
??????? cursor: pointer;
??????? text-align: left;
??? }
??? /* 默認(rèn)的內(nèi)容樣式表 */
??? .accordionContentDef
??? {
??????? border: thick ridge #FFD8D8;
??????? background-color: #A7D9AF;
??????? border-top: none;
??????? padding: 5px;
??????? padding-top: 10px;
??????? text-align: left;
??? }
??? /* 默認(rèn)的標(biāo)頭之超級(jí)鏈接樣式表 */
??? .accordionHeaderDef a
??? {
??????? color: #FFFFCC;
??????? text-decoration: none;
??? }
??? /* 當(dāng)鼠標(biāo)移過(guò)默認(rèn)的標(biāo)頭之超級(jí)鏈接樣式表 */
??? .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">
???????????
??????????? <%-- 手風(fēng)琴折 --%>
??????????? <ajaxToolkit:Accordion ID="Accordion1" runat="server" ContentCssClass="accordionContentDef"
??????????????? HeaderCssClass="accordionHeaderDef" RequireOpenedPane="false" SuppressHeaderPostbacks="true"
??????????????? Width="880px">
??????????????? <Panes>
??????????????????? <%-- 手風(fēng)琴方格 --%>
??????????????????? <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 />
??????????????????????????? 地點(diǎn)/國(guó)名<font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:DropDownList ID="DropDownListCountry" runat="server">
??????????????????????????????? <asp:ListItem>中國(guó)</asp:ListItem>
??????????????????????????????? <asp:ListItem>美國(guó)</asp:ListItem>
??????????????????????????????? <asp:ListItem>英國(guó)</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>
???????????????????
??????????????????? <%-- 手風(fēng)琴方格 --%>
??????????????????? <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 />
??????????????????????????? 公司電話號(hào)碼 (區(qū)碼 - 號(hào)碼 - 分機(jī)) <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 />
??????????????????????????? 移動(dòng)電話<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxPhoneCellular" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 車(chē)上移動(dòng)電話<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxPhoneCar" runat="server" Width="472px"></asp:TextBox>
??????????????????????? </Content>
??????????????????? </ajaxToolkit:AccordionPane>
???????????????????
??????????????????? <%-- 手風(fēng)琴方格 --%>
??????????????????? <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
??????????????????????? <Header>
??????????????????????????? <a href="">3、工用經(jīng)歷</a>
??????????????????????? </Header>
??????????????????????? <Content>
??????????????????????????? 公司/組織名稱<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxCompany" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 部門(mén)<b><font color="#FF0000"> *</font></b><br />
??????????????????????????? <asp:TextBox ID="TextBoxDepartment" runat="server" Width="472px"></asp:TextBox><br />
??????????????????????????? 職務(wù)<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>
???????????????????
??????????????????? <%-- 手風(fēng)琴方格 --%>
??????????????????? <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="應(yīng)用程序設(shè)計(jì)及開(kāi)發(fā)工具" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox2" runat="server" Text="大型主機(jī)操作系統(tǒng)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox3" runat="server" Text="系統(tǒng)管理軟件" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox4" runat="server" Text="商業(yè)智能應(yīng)用軟件(BI)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox5" runat="server" Text="信息與協(xié)同合作應(yīng)用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox6" runat="server" Text="通信系統(tǒng)" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox7" runat="server" Text="客戶關(guān)系管理應(yīng)用軟件(CRM)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox8" runat="server" Text="中介軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox9" runat="server" Text="Unix 操作系統(tǒng)" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox10" runat="server" Text="數(shù)據(jù)庫(kù)管理系統(tǒng)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox11" runat="server" Text="移動(dòng)通信設(shè)備" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox12" runat="server" Text="網(wǎng)站設(shè)計(jì)、發(fā)布或維護(hù)" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox13" runat="server" Text="臺(tái)式計(jì)算機(jī)操作系統(tǒng)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox14" runat="server" Text="網(wǎng)絡(luò)基礎(chǔ)架構(gòu)相關(guān)系統(tǒng)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox15" runat="server" Text="Windows Server - NT" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox16" runat="server" Text="臺(tái)式計(jì)算機(jī)應(yīng)用軟件" />
??????????????????????????????????? </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 應(yīng)用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox20" runat="server" Text="信息安全應(yīng)用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox21" runat="server" Text="Windows Server 2003" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox22" runat="server" Text="特定產(chǎn)業(yè)商用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox23" runat="server" Text="存儲(chǔ)設(shè)備應(yīng)用系統(tǒng)" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox24" runat="server" Text="無(wú)線網(wǎng)絡(luò)技術(shù)" />
??????????????????????????????????? </td>
??????????????????????????????? </tr>
??????????????????????????????? <tr>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox25" runat="server" Text="知識(shí)管理應(yīng)用軟件" />
??????????????????????????????????? </td>
??????????????????????????????????? <td>
??????????????????????????????????????? <asp:CheckBox ID="CheckBox26" runat="server" Text="供應(yīng)煉管理應(yīng)用軟件" />
??????????????????????????????????? </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>
轉(zhuǎn)載于:https://www.cnblogs.com/juan/archive/2009/04/15/1436496.html
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的ajaxToolKit中 的折叠面板用法--Accordion的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Loadrunner 8.1 下载
- 下一篇： C# 要调用VC++ DLL时参数问题请