|
taj
Starting Member
India
39 Posts |
 Posted - 07/17/2013 : 08:14:39
|
Hi all,
I have a dropdownlist as stated below,
<asp:DropDownList ID="ddlStandardReports" runat="server" Height="25px" Style="font-family: Arial"
Width="250px">
<asp:ListItem Value="1">Patient Information Report</asp:ListItem>
<asp:ListItem Value="2">Patient Billing Report </asp:ListItem>
<asp:ListItem Value="3">Bill Collection Report</asp:ListItem>
Now for this 3 dropdownlist values, I have 3 Ajax Accordions in which i have designed my reports as stated below,
<div class="style1">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<div style="padding: 10px; width: 98%">
<asp:Accordion ID="StandardPIRAccordion" runat="server" SelectedIndex="-1" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
FadeTransitions="True" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
CssClass="style1" AutoSize="None">
<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass=""
HeaderCssClass="">
<Header>
CRITERIA FOR PATIENT INFORMATION REPORT
</Header>
<Content>
<div class="compactform" style="width: 99%;">
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
<asp:CheckBox ID="chkRegDate" runat="server" />
Registration date:
<br />
<asp:TextBox ID="txtRegDateFrom" runat="server" class="element text" Style="width: 30%;
margin-left: 25px;"></asp:TextBox>
<asp:CalendarExtender ID="txtRegDateFrom_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtRegDateFrom">
</asp:CalendarExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtRegDateTo" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
<asp:CalendarExtender ID="txtRegDateTo_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtRegDateTo">
</asp:CalendarExtender>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
<asp:CheckBox ID="chkAge" runat="server" />
Age:
<br />
<asp:TextBox ID="txtAgeFrom" runat="server" class="element text" Style="width: 30%;
margin-left: 25px;" MaxLength="3"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="filter1" runat="server" TargetControlID="txtAgeFrom"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtAgeTo" runat="server" class="element text" Style="width: 30%;"
MaxLength="3"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="txtAgeTo"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkOccupation" runat="server" />
Occupation:
<asp:DropDownList ID="ddlstOccupation" runat="server" Style="margin-left: 25px; width: 80%;">
</asp:DropDownList>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkGender" runat="server" />
Gender:
<select id="ddlstGender" runat="server" name="Field25" tabindex="5" style="margin-left: 25px;
width: 60%;">
<option value="male" selected="selected">MALE</option>
<option value="female">FEMALE</option>
</select>
</label>
</div>
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 100%;">
<asp:CheckBox ID="chkBloodGroup" runat="server" />
Blood group:
<asp:CheckBoxList ID="chkLstBlood" runat="server" RepeatDirection="Horizontal" Style="width: 60%;
margin-left: 25px;">
<asp:ListItem Value="0">All</asp:ListItem>
<asp:ListItem Value="A+ve">A+ve</asp:ListItem>
<asp:ListItem Value="A-ve">A-ve</asp:ListItem>
<asp:ListItem Value="AB+ve">AB+ve</asp:ListItem>
<asp:ListItem Value="AB-ve">AB-ve</asp:ListItem>
<asp:ListItem Value="B+ve">B+ve</asp:ListItem>
<asp:ListItem Value="B-ve">B-ve</asp:ListItem>
<asp:ListItem Value="O-ve">O-ve</asp:ListItem>
<asp:ListItem Value="O+ve">O+ve</asp:ListItem>
</asp:CheckBoxList>
</label>
</div>
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkArea" runat="server" />
Area:
<asp:DropDownList ID="ddlstArea" runat="server" Style="margin-left: 25px; width: 80%;">
</asp:DropDownList>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkDia" runat="server" />
Diabetologist:
<asp:DropDownList ID="ddlstDia" runat="server" Style="margin-left: 25px; width: 80%;">
</asp:DropDownList>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkServiceAvailed" runat="server" />
Service availed:
<asp:DropDownList ID="ddlstServiceAvailed" runat="server" Style="margin-left: 25px;
width: 80%;">
</asp:DropDownList>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkClinicalAssis" runat="server" />
Clinical Assistant:
<asp:DropDownList ID="ddlstClinicalAssistant" runat="server" Style="margin-left: 25px;
width: 70%;">
</asp:DropDownList>
</label>
</div>
<%-- <div class="form_btn" id="div1" runat="server">
<asp:Button ID="btnPIRprint" Text="Print" runat="server" Style="border-width: 0px;"
PostBackUrl="../UserInterface/PatientInformationReport.aspx" />
</div>--%>
</Content>
</ajaxToolkit:AccordionPane>
</Panes>
</asp:Accordion>
</div>
</div>
<div class="style1">
<div style="padding: 10px; width: 98%">
<asp:Accordion ID="StandardPBRAccordion" runat="server" SelectedIndex="-1" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
FadeTransitions="True" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
CssClass="style1" AutoSize="None">
<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass=""
HeaderCssClass="">
<Header>
CRITERIA FOR PATIENT BILLING REPORT
</Header>
<Content>
<div class="compactform" style="width: 99%;">
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
<asp:CheckBox ID="Chkrgedate" runat="server" />
Registration date:
<br />
<asp:TextBox ID="txtrfdatefr" runat="server" class="element text" Style="width: 30%;
margin-left: 25px;"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True" TargetControlID="txtrfdatefr">
</asp:CalendarExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtrtdateto" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender2" runat="server" Enabled="True" TargetControlID="txtrtdateto">
</asp:CalendarExtender>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
<asp:CheckBox ID="chkPatientType" runat="server" />
Patient type:
<asp:DropDownList runat="server" ID="DropDownList1" Style="margin-left: 25px; width: 60%;">
</asp:DropDownList>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
<asp:CheckBox ID="Chkarae" runat="server" />
Area:
<asp:DropDownList ID="DropDownList2" runat="server" Style="margin-left: 25px; width: 60%;">
</asp:DropDownList>
</label>
</div>
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkBillNumber" runat="server" />
Bill number:
<br />
<asp:TextBox ID="txtBillNumFrom" runat="server" class="element text" MaxLength="25"
Style="width: 30%; margin-left: 25px;"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="fte1" runat="server" TargetControlID="txtBillNumFrom"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtBillNumTo" runat="server" class="element text" MaxLength="25"
Style="width: 30%;"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="txtBillNumTo"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkDiabetologist" runat="server" />
Diabetologist:
<asp:DropDownList ID="ddlstDiabetologist" runat="server" Style="margin-left: 30px;
width: 80%;">
</asp:DropDownList>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="ChkServicesavail" runat="server" />
Service availed:
<asp:ListBox ID="lstBoxServiceAvailed" runat="server" Style="width: 80%; margin-left: 25px;"
Height="50px" SelectionMode="Multiple"></asp:ListBox>
</label>
</div>
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 95%;">
<asp:CheckBox ID="chkSpecialist" runat="server" />
Specialists:
<asp:CheckBoxList ID="chkLstSpecialist" runat="server" RepeatDirection="Horizontal"
Style="width: 100%; margin-left: 25px;" AutoPostBack="True">
<asp:ListItem Value="0">All</asp:ListItem>
<asp:ListItem Value="4">Ophthalmology</asp:ListItem>
<asp:ListItem Value="15">Podiatry</asp:ListItem>
<asp:ListItem Value="11">Cardiology</asp:ListItem>
<asp:ListItem Value="12">Nephrology</asp:ListItem>
<asp:ListItem Value="13">Neurology</asp:ListItem>
<asp:ListItem Value="9">Dietician</asp:ListItem>
<asp:ListItem Value="0">Psychiatry</asp:ListItem>
<asp:ListItem Value="6">Physiology</asp:ListItem>
</asp:CheckBoxList>
</label>
</div>
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 40%;">
<asp:CheckBox ID="chkBillType" runat="server" />
Bill Type:
<asp:CheckBoxList ID="chklstBillType" runat="server" RepeatDirection="Horizontal"
Style="width: 100%; margin-left: 25px;" AutoPostBack="True">
<asp:ListItem Value="0">All</asp:ListItem>
<asp:ListItem Value="1">Cash</asp:ListItem>
<asp:ListItem Value="3">Credit Card</asp:ListItem>
<asp:ListItem Value="2">Cheque</asp:ListItem>
</asp:CheckBoxList>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
<asp:CheckBox ID="chkBillDate" runat="server" />
Bill Date:
<br />
<asp:TextBox ID="txtBillDateFrom" runat="server" class="element text" Style="width: 35%;
margin-left: 25px;"></asp:TextBox>
<asp:CalendarExtender ID="txtBillDateFrom_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtBillDateFrom">
</asp:CalendarExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtBillDateTo" runat="server" class="element text" Style="width: 35%;"></asp:TextBox>
<asp:CalendarExtender ID="txtBillDateTo_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtBillDateTo">
</asp:CalendarExtender>
</label>
</div>
</div>
</Content>
</ajaxToolkit:AccordionPane>
</Panes>
</asp:Accordion>
</div>
</div>
<div class="style1">
<div style="padding: 10px; width: 98%">
<asp:Accordion ID="StandardBCRAccordion" runat="server" SelectedIndex="-1" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
FadeTransitions="True" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
CssClass="style1" AutoSize="None">
<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server" ContentCssClass=""
HeaderCssClass="">
<Header>
CRITERIA FOR BILL COLLECTION REPORT
</Header>
<Content>
<div class="compactform" style="width: 99%;">
<div class="twoper">
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; width: 30%;">
<asp:CheckBox ID="ChkBilldt" runat="server" />
Bill Date:
<br />
<asp:TextBox ID="txtBillDateFromm" runat="server" class="element text" Style="width: 30%;
margin-left: 25px;"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender3" runat="server" Enabled="True" TargetControlID="txtBillDateFromm">
</asp:CalendarExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtBillDateToo" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender4" runat="server" Enabled="True" TargetControlID="txtBillDateToo">
</asp:CalendarExtender>
</label>
<label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; width: 35%;">
<asp:CheckBox ID="chkRegNumber" runat="server" />
Registration No:
<br />
<asp:TextBox ID="txtRegNoFrom" runat="server" class="element text" MaxLength="25"
Style="width: 30%; margin-left: 25px;"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="txtRegNoFrom"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtRegNoTo" runat="server" class="element text" MaxLength="25" Style="width: 30%;"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" TargetControlID="txtRegNoTo"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
</label>
</div>
</Content>
</ajaxToolkit:AccordionPane>
</Panes>
</asp:Accordion>
</div>
</div>
Actually i have 20 reports like this (ie;2O DROPDOWNLIST VALUES AND 20 ACCORDIONS ONE FOR EACH),for reference i have added only 3 dropdownlist values and 3 accordions of code here.
My requirement is , on page_load only the first report (Patient Information Report)should be selected in dropdownlist and the report for the same(accordion)should be visible, and now if i select some other report name in the dropdownlist then that particular report accordion only should be visible,and all other reports(accordions)should be not visible.
Help me in coding this ?
Thank You |
|
|
afrika
Flowing Fount of Yak Knowledge
Nigeria
2706 Posts |
Posted - 07/19/2013 : 20:18:25
|
Not sure about the accordion, as it seems you added a reference in your web.config which is not added here. But for the dropdown.
1. You need to add a postback event. e.g. OnSelectedIndexChanged="ddlStandardReports_SelectedIndexChanged"
2. And add the script in your code behind as
Get the value of the selected dropdownlist as
string value = ddlStandardReports.SelectedValue.ToString();
Full code is
protected void ddlStandardReports_SelectedIndexChanged(object sender, EventArgs e)
{
TextBox1.Text = DropDownList1.SelectedValue;
}
// then show the panel of the accordion you want e.g
switch (value)
{
case "AccordionPane1":
Panes.ActiveViewIndex = 0;
break;
case "AccordionPane2":
Panes.ActiveViewIndex = 1;
break;
// etc
default:
MultiView_Main.ActiveViewIndex = 3;
break;
}
Hope this helps ? |
 |
|
How to make Ajax Accordian Visible based on dropdo
