Solved

How do I set focus to a textbox inside a Gridview Footer inside an UpdatePanel?

Posted on 2009-07-02
3
2,342 Views
Last Modified: 2013-12-17
I am using a footer in a GridView to "add" items to the gridview via a textbox and button combination and the GridView is inside an UpdatePanel.  That's working fine.  

What I would like to do is have the textbox receive focus after the partial page update.  How can I do that?

Is there an event on the UpdatePanel I can capture/code that will do this?
<asp:UpdatePanel ID="upnlEditUsers" runat="server">             

            <ContentTemplate>             

                <asp:Panel ID="pnlUsers" runat="server" Height="300" style="text-align:left;">                     

                    <asp:GridView ID="gvUsers" runat="server"                              

                            CellPadding="3"  CellSpacing="0"

                            Width="350px" 

                            PagerStyle-HorizontalAlign="center"                          

                            AutoGenerateColumns="false"                                                                                

                             ShowFooter="true"

                            ShowHeader="true" 

                            OnRowCommand="gvUsers_RowCommand" 

                            DataKeyNames="PersonID, RequestID" 

                            OnRowDataBound="gvUsers_RowDataBound" 

                        >

                        <AlternatingRowStyle CssClass="altRowStyle" />

                        <RowStyle CssClass="RowStyle" />

                        <HeaderStyle CssClass="HeaderStyle" />

                        <SelectedRowStyle CssClass="SelectedRowStyle" />

                        <PagerStyle CssClass="PagerStyle" />                                                        

                        <EmptyDataRowStyle />                    

                        <Columns>                                             

                            <asp:TemplateField HeaderText="User(s)"  ItemStyle-HorizontalAlign="Left">

                                <ItemTemplate>

                                    <asp:Label ID="lblUserFullName" runat="server" Text='<%# Bind("UserFullName") %>'></asp:Label> 

                                </ItemTemplate>                           

                               <FooterTemplate>

                                    <asp:TextBox ID="tbxPersonSearch" runat="server" ></asp:TextBox>                                                                 

                                    <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" MinimumPrefixLength="3"

                                        TargetControlID="tbxPersonSearch"                      

                                        ServiceMethod="PersonSearchLastName" ServicePath="~/WebServices/AutoComplete.asmx"                     

                                        CompletionSetCount="30"

                                        OnClientItemSelected="PersonSearchItemSelected" 

                                        FirstRowSelected="false"

                                        >                                                                                       

                                    </cc1:AutoCompleteExtender> 

                                    <asp:Button ID="btnAddPersonToRequest" Text="Add" runat="server" OnClick="btnAddPersonToRequest_Click" OnClientClick="javascript:EnableValidators(false);" />

                               </FooterTemplate>

                            </asp:TemplateField>                           

                            <asp:TemplateField HeaderStyle-BorderColor="#CCCCCC" ItemStyle-BorderColor="#CCCCCC"

                                    ItemStyle-HorizontalAlign="center" Visible="true">

                                    <ItemTemplate>

                                        <asp:ImageButton AlternateText="Remove User" ID="btnRemoveUser" ImageUrl="~/Images/delete.ico"

                                            CausesValidation="false" CommandName="Remove" CommandArgument='<%# Bind("PersonID") %>'

                                            runat="server" />

                                    </ItemTemplate>

                            </asp:TemplateField>                                

                        </Columns>              

                        <EmptyDataTemplate> 

                            <div style="margin: 5px 5px 5px;" ><asp:Label ID="lblNoUsers" Text="There are no users associated with this request." runat="server"></asp:Label></div>

                            <asp:TextBox ID="tbxPersonSearch" style="margin-left: 5px;" runat="server"  ></asp:TextBox>                                                                 

                                    <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" MinimumPrefixLength="3"

                                        TargetControlID="tbxPersonSearch"                      

                                        ServiceMethod="PersonSearchLastName" ServicePath="~/WebServices/AutoComplete.asmx"                     

                                        CompletionSetCount="30"

                                        OnClientItemSelected="PersonSearchItemSelected" 

                                        FirstRowSelected="true"

                                        >                                                                                       

                                    </cc1:AutoCompleteExtender> 

                                    <asp:Button ID="btnAddPersonToRequest" Text="Add" runat="server" OnClick="btnAddPersonToRequest_Click" />

                        </EmptyDataTemplate>                    

                    </asp:GridView>                                        

               </asp:Panel>

             </ContentTemplate>  

           </asp:UpdatePanel>

Open in new window

0
Comment
Question by:Bruce
3 Comments
 
LVL 11

Accepted Solution

by:
G0ggy earned 250 total points
ID: 24763603
Try this:

<script language="JavaScript" type="text/javascript">
function doSomething() {
 if (request.readyState == 4) {
  form1.txtInput2.focus();
  }
 }
</script>
0
 
LVL 3

Assisted Solution

by:Dov_Landau
Dov_Landau earned 250 total points
ID: 24764761
You can use UpdatePanel.Load Event. Something like the code below:
Please Notice that you should use the ScriptManager.SetFocus Method!

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

    <div>

        <asp:UpdatePanel ID="MyUpdatePanel" runat="server" onload="MyUpdatePanel_Load">

            <ContentTemplate>

                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

            </ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTrigger ControlID="MyButton" EventName="Click" />

            </Triggers>

        </asp:UpdatePanel>

        

        <asp:Button ID="MyButton" runat="server" />

        <asp:Button ID="Button1" runat="server" Text="äê× çÕÑå" OnClick="btnPrint_Click" />

    </div>

    </form>

</body>
 

and here is the c# Code.

========================

   protected void MyUpdatePanel_Load(object sender, EventArgs e)

    {

        ScriptManager1.SetFocus(TextBox1);

    }

Open in new window

0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
Parsing a CSV file is a task that we are confronted with regularly, and although there are a vast number of means to do this, as a newbie, the field can be confusing and the tools can seem complex. A simple solution to parsing a customized CSV fi…
Access reports are powerful and flexible. Learn how to create a query and then a grouped report using the wizard. Modify the report design after the wizard is done to make it look better. There will be another video to explain how to put the final p…
This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're looking for how to monitor bandwidth using netflow or packet s…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now