手风琴窗格ajax控件 [英] Accordion pane ajax control
本文介绍了手风琴窗格ajax控件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
按钮单击事件未在手风琴控件中引发.
请帮助我
以下是我的代码
Button click event not raise in accordion control.
Plase help me
Below is my code
<asp:Accordion ID="MyAccordion" runat="server" SelectedIndex="0" HeaderCssClass="AccodionHeader"
SkinID="HeaderLabels" FadeTransitions="true" FramesPerSecond="40" TransitionDuration="250"
SuppressHeaderPostbacks="true" AutoSize="None" RequireOpenedPane="false">
<panes>
<asp:AccordionPane runat="server" ID="accordionPane1" Width="100%" >
<Header><a href="" style=" background-color :Lime;height:22px;width:100%">1.Father</a></Header>
<content>
<table style="text-align:center">
<tr>
<td>
<asp:Label ID="lblFirstName" runat="server" Text="FirstName:">
</td>
<td></td>
<td>
<asp:TextBox ID="txtFirstName" runat="server" MaxLength="50" ValidationGroup="FatherGroup">
</td>
<td>
<asp:RequiredFieldValidator ID="valFirstName" ControlToValidate="txtFirstName" ErrorMessage="*"
runat="server" ValidationGroup="FatherGroup" >
</td>
<td></td>
<td>
<asp:Label ID="lblMiddleName" runat="server" Text="MiddleName:">
</td>
<td></td><td><asp:TextBox ID="txtMiddleName" runat="server" MaxLength="50" ></td>
<td></td>
</tr>
<tr>
<td>
<asp:Label ID="lblLastName" runat="server" Text="LastName:"></td><td></td><td>
<asp:TextBox ID="txtLastName" runat="server" MaxLength="50" ValidationGroup="FatherGroup">
</td><td><asp:RequiredFieldValidator ID="ValLastName" ControlToValidate="txtLastName" ErrorMessage="*"
runat="server" ValidationGroup="FatherGroup"></td><td></td><td><asp:Label ID="lblDateOfBirth" runat="server" Text="BirthDate:">
</td><td></td>
<td><asp:TextBox ID="txtBirthDate" runat="server" Width="90px" ValidationGroup="FatherGroup" ><asp:Image ID="imgBirthdate" runat="server" ImageUrl="~/images/ico_datepickerSmall.gif" />
<asp:ImageButton ID="imgcleaBirthDate" runat="server"
ImageUrl="~/images/date_clearSmall.gif" CausesValidation="false" /><asp:CalendarExtender ID="clnextndrBirthDate" runat="server"
Format="MM/dd/yyyy" TargetControlID="txtBirthDate"
PopupButtonID="imgBirthdate" ></td><td><asp:RequiredFieldValidator ID="valBirthDate" ControlToValidate="txtBirthDate"
runat="server" ErrorMessage="*" ValidationGroup="FatherGroup" >
<td><asp:CompareValidator ID="cmpBithDate" runat="server" ControlToValidate="txtBirthDate" Type="Date" Operator="LessThan" ErrorMessage="Date Should not Greater than Today" Display="None" ValidationGroup="FatherGroup">
<asp:ValidatorCalloutExtender ID="Vldtr_BirthDate" runat="server" TargetControlID="cmpBithDate">
</td></td><td></td>
</tr>
<tr>
<td>
<asp:Label ID="lblEmail" runat="server" Text="EmailID:"></td>
<td></td><td><asp:TextBox ID="txtEmailID" runat="server" MaxLength="50" ValidationGroup="FatherGroup"></td>
<td>
<asp:RequiredFieldValidator ID="valEmailID" ControlToValidate="txtEmailID" ErrorMessage="*"
runat="server" ValidationGroup="FatherGroup"></td><td>
<asp:RegularExpressionValidator id="REGEmailID" runat="server" ControlToValidate="txtEmailID" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ErrorMessage="Invalid Email Id" Display="None" ValidationGroup="FatherGroup">
</td>
<td>
<asp:Label ID="lblOccupation" runat="server" Text="Occupation:"></td><td></td><td>
<asp:TextBox ID="txtOccupation" runat="server" MaxLength="50" ValidationGroup="FatherGroup" >
</td>
<td><asp:RequiredFieldValidator ID="ValOccupation" ControlToValidate="txtOccupation"
runat="server" ErrorMessage="*" ValidationGroup="FatherGroup"></td><td></td></tr>
<tr><td><asp:Label ID="lblContactNo" runat="server" Text="ContactNo:">
</td><td></td>
<td><asp:TextBox ID="txtContactNo" runat="server" MaxLength="20" Height="22px" ValidationGroup="FatherGroup"></td><td>
<asp:RequiredFieldValidator ID="valContactNo" ControlToValidate="txtContactNo" ErrorMessage="*"
runat="server" ValidationGroup="FatherGroup" >
</td>
<td></td></tr><tr><td></td><td></td>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
</table>
<table style="width:100%" cellpadding="0px" cellspacing="0px"><tr><td align="center"></td></tr>
<tr style="text-align:center;">
<td>
<asp:UpdatePanel ID="father" runat="server">
<%-- <triggers>
<asp:AsyncPostBackTrigger ControlID="FatherAdd" EventName="Click" />
</triggers>--%>
<contenttemplate>
<asp:Button ID="FatherAdd" runat="server" Text="Add" ValidationGroup="FatherGroup" CausesValidation="true" />
<asp:Button ID="FatherUpdate" runat="server" Text="Update" ValidationGroup="FatherGroup" />
<asp:Button ID="FatherDelete" runat="server" Text="Delete" ValidationGroup="FatherGroup" />
<asp:Button ID="FatherReset" runat="server" Text="Cancel" ValidationGroup="FatherGroup" CausesValidation="False" />
</contenttemplate>
</td>
</tr>
</table>
</content>
</panes>
<asp:Label ID="lablmsg" runat="server">
推荐答案
try out this one..
try out this one..
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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 runat="server">
<title>Accordion Tips and Tricks</title>
<style type="text/css">
.accordionHeader
{
color: white;
background-color: #719DDB;
font: bold 11px auto "Trebuchet MS" , Verdana;
font-size: 12px;
cursor: pointer;
padding: 4px;
margin-top: 3px;
}
.accordionContent
{
background-color: #DCE4F9;
font: normal 10px auto Verdana, Arial;
border: 1px gray;
padding: 4px;
padding-top: 7px;
}
</style>
<script type="text/javascript">
function pageLoad()
{
//hideAccordionPane(1);
//changeSelected(2);
//var accCtrl =
find('<%= AccordionCtrl.ClientID %>'+'_AccordionExtender'); //accCtrl.add_selectedIndexChanged(onAccordionPaneChanged); //AddPaneAtRuntime(); // Prevent Pane 3 from expanding // RemoveHandlerAtRuntime(2); //AddMouseOverToAccordion(); } function AddMouseOverToAccordion() { var acc =
find('<%= AccordionCtrl.ClientID %>'+'_AccordionExtender'); //accCtrl.add_selectedIndexChanged(onAccordionPaneChanged); //AddPaneAtRuntime(); // Prevent Pane 3 from expanding // RemoveHandlerAtRuntime(2); //AddMouseOverToAccordion(); } function AddMouseOverToAccordion() { var acc =
find('AccordionCtrl_AccordionExtender'); for(paneIdx = 0; paneIdx < acc.get_Count(); paneIdx++) {
find('AccordionCtrl_AccordionExtender'); for(paneIdx = 0; paneIdx < acc.get_Count(); paneIdx++) {
这篇关于手风琴窗格ajax控件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文