Page not to be refreshed, when Item selected from Dropdownlist.

Question

0.00/5 (No votes)

See more:

Dear friends/sirs

Iam working on dropdownlist,and Gridview. When i select one item from dropdown it must be displayed in GRIDVIEW. Everything is going fine in this.

BUT when i selected item from Dropdownlist Complete page is Refreshing.
Note : Page must be not refreshed, when item selected from dropdown.

please anybody can give me the code for that.

Thank u frnds.

Posted 24-Apr-12 20:11pm

Sandhya Lovely

Add a Solution

Comments

Vipin_Arora 25-Apr-12 3:13am

For partial Page Updation, UpdatePanel of AJAX

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Anuj Banka · Answer 1 · 2012-04-24T20:13:00

Solution 1

Use Ajax(update panal and script manager)

Check this link :

http://www.aspxcode.net/free-asp-net-ajax-source-code.aspx?Topics=How%20to%20use%20AJAX%20UpdatePanel[^]

Posted 24-Apr-12 20:13pm

Anuj Banka

Updated 24-Apr-12 20:14pm

v2

Comments

Sandhya Lovely 25-Apr-12 2:15am

how, please can u suggest me ? and give me code for that, am Beginner to development.

Anuj Banka 25-Apr-12 2:16am

i have given you a link which will give you an idea..

Sandhya Lovely 25-Apr-12 2:27am

I have tried this, but am unable to displa the selected items from dropdown.
and also gave postback to true

Anuj Banka 25-Apr-12 2:28am

post your code.

Sandhya Lovely 25-Apr-12 2:30am

<div><asp:ScriptManager ID="ScriptManager" runat="server">
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>
<asp:DropDownList ID="DropDownList1" runat="server"
Height="20px" Width="160px"
onselectedindexchanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem Value="0">--------- Select ---------
<asp:ListItem>Sort By Airline
<asp:ListItem>Sort By Date
<asp:ListItem>Display All
<asp:ListItem>Expires
<asp:ListItem>Active

Sandhya Lovely 25-Apr-12 2:32am

Hello Anuj, can we use like this
if(page.ispostback==false)
{
Gridview1.DataBind();
}

Anuj Banka 25-Apr-12 2:33am

is it running code.You do not have "<contenttemplate>" tag in your code i don't think its running

Anuj Banka 25-Apr-12 2:36am

if(page.ispostback==false) { Gridview1.DataBind();

this code means you do not want to rebind your grid when your page doing postback.

it will bind your grid only for first time when your page will load.

Sandhya Lovely 25-Apr-12 2:36am

i have tags, but tags doesnt shows u, when i posted u.

Sandhya Lovely 25-Apr-12 2:37am

please can u suggest me, am trying from 3 days.

Anuj Banka 25-Apr-12 2:38am

update your question post your code.and also use content templete and also tell us is it running or not. and if it is not running what problem your are getting then

Sandhya Lovely 25-Apr-12 2:41am

see anuj, i used Script manager updatepanel content template open and closed succesfully these tags..BUT the thing here is when i select item from dropdown PAGE IS NOT REFRESHING its good....BUT am unable to display the selected records from dropdown....please help me.

Anuj Banka 25-Apr-12 2:45am

Then use debugger an check if on selection is it going to your "DropDownList1_SelectedIndexChanged" code.And on that code you need to rebind the grid.And place dropdown and grid view in the same updatepanal

Sandhya Lovely 25-Apr-12 2:57am

This is my design page.

<div><asp:ScriptManager ID="ScriptManager" runat="server">
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
Height="20px" Width="160px"
onselectedindexchanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem Value="0">--------- Select ---------
<asp:ListItem>Sort By Airline
<asp:ListItem>Sort By Date
<asp:ListItem>Display All
<asp:ListItem>Expires
<asp:ListItem>Active
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="300" align="center" valign="top"><table align="center">
<tr>
<td>

<table class="style3" align="center" bgcolor="White">
<tr>
<td class="style7">
Search </td>
<td class="style5">
<asp:TextBox ID="TxtSearch" runat="server" Width="600px"
style="text-align: left">
</td>
<td class="style8">
<asp:Button ID="BtnSearch" runat="server" Text="Go" Width="30px"
BackColor="#E2BA20" ForeColor="White" onclick="BtnSearch_Click" />
</td>
</tr>
</table>

<table class="style1">
<tr>
<td class="style4">
</td>
<td>
<asp:HyperLink ID="HyperLink1" runat="server"
NavigateUrl="~/Users/PrintAllReport.aspx">Print Report

</td>
</tr>
</table>
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" CellPadding="3"
ForeColor="Black" PageSize="15"
CssClass="red" HorizontalAlign="Center" Width="1100px"
BackColor="LightGoldenrodYellow" CellSpacing="2" BorderColor="Tan"
BorderWidth="1px" onpageindexchanging="GridView1_PageIndexChanging"
onselectedindexchanged="GridView1_SelectedIndexChanged"
onrowdatabound="GridView1_RowDataBound" ShowFooter="True">

<alternatingrowstyle backcolor="PaleGoldenrod">

<PagerSettings Mode="NumericFirstLast" FirstPageText="First"
LastPageText="Last" PageButtonCount="5" />

<columns>

<asp:CommandField ShowSelectButton="True" />

<footerstyle backcolor="Tan">
<HeaderStyle BackColor="Tan" Font-Bold="True" />
<PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue"
HorizontalAlign="Center" CssClass="gridViewPager" />
<SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />

Sandhya Lovely 25-Apr-12 2:58am

where should i start and close the update panel

Mohamed Mitwalli 25-Apr-12 3:01am

5

sravani.v · Answer 2 · 2012-04-24T20:15:00

Solution 2

Refer this:

Total Page Refreshing , When one item Selected from Dropdownlist.[^]

Posted 24-Apr-12 20:15pm

sravani.v

Vasim889 · Answer 3 · 2012-04-24T20:53:00

Solution 3

C#

protected void DDcat_SelectedIndexChanged(object sender, EventArgs e)
{
	if (DDcat.Selectedindex != 0) {
		dt = new datatable();
		Gridview1.datasource = dt;
		Gridview1.databind();
	}
}

Yow will try this

Posted 24-Apr-12 20:53pm

Vasim889

Comments

Sandhya Lovely 25-Apr-12 2:59am

can i used scriptmanager and update panel after using this code.

Vasim889 25-Apr-12 3:05am

update panel and scriptmanager also used to clientside invisibled for page postback to server .so it's not a matter?whatever binding in gridview to using datatable to bind.

Sandhya Lovely 25-Apr-12 3:11am

ok, from where to start and end update panel, I have dropdown and gridview.

Anuj Banka · Answer 4 · 2012-04-24T21:10:00

<div>
      <asp:ScriptManager ID="ScriptManager" runat="server">
  </div>
  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
      <ContentTemplate>
          <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" Height="20px"
              Width="160px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
              <asp:ListItem Value="0">--------- Select ---------
          <asp:ListItem>Sort By Airline
          <asp:ListItem>Sort By Date
          <asp:ListItem>Display All
          <asp:ListItem>Expires
          <asp:ListItem>
              Active
          </asp:DropDownList>
          </td> </tr> </table></td> </tr>
          <tr>
              <td height="300" align="center" valign="top">
                  <table align="center">
                      <tr>
                          <td>
                              <table class="style3" align="center" bgcolor="White">
                                  <tr>
                                      <td class="style7">
                                          Search
                                      </td>
                                      <td class="style5">
                                          <asp:TextBox ID="TxtSearch" runat="server" Width="600px" Style="text-align: left">
                                      </td>
                                      <td class="style8">
                                          <asp:Button ID="BtnSearch" runat="server" Text="Go" Width="30px" BackColor="#E2BA20"
                                              ForeColor="White" OnClick="BtnSearch_Click" />
                                      </td>
                                  </tr>
                              </table>
                              <table class="style1">
                                  <tr>
                                      <td class="style4">
                                      </td>
                                      <td>
                                          <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Users/PrintAllReport.aspx">Print
                                          Report
                                      </td>
                                  </tr>
                              </table>
                              <asp:GridView ID="GridView1" runat="server" AllowPaging="True" CellPadding="3" ForeColor="Black"
                                  PageSize="15" CssClass="red" HorizontalAlign="Center" Width="1100px" BackColor="LightGoldenrodYellow"
                                  CellSpacing="2" BorderColor="Tan" BorderWidth="1px" OnPageIndexChanging="GridView1_PageIndexChanging"
                                  OnSelectedIndexChanged="GridView1_SelectedIndexChanged" OnRowDataBound="GridView1_RowDataBound"
                                  ShowFooter="True">
                                  <PagerSettings Mode="NumericFirstLast" FirstPageText="First" LastPageText="Last"
                                      PageButtonCount="5" />
                                  <asp:CommandField ShowSelectButton="True" />
                                  <HeaderStyle BackColor="Tan" Font-Bold="True" />
                                  <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" HorizontalAlign="Center"
                                      CssClass="gridViewPager" />
                                  <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
                              </asp:GridView>
                              </ContentTemplate>
                              </asp:UpdatePanel>

Page not to be refreshed, when Item selected from Dropdownlist.

4 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us