Solved

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

Posted on 2009-07-02
3
2,438 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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…
If you need to start windows update installation remotely or as a scheduled task you will find this very helpful.
Come and listen to Percona CEO Peter Zaitsev discuss what’s new in Percona open source software, including Percona Server for MySQL (https://www.percona.com/software/mysql-database/percona-server) and MongoDB (https://www.percona.com/software/mongo-…
NetCrunch network monitor is a highly extensive platform for network monitoring and alert generation. In this video you'll see a live demo of NetCrunch with most notable features explained in a walk-through manner. You'll also get to know the philos…

705 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