?
Solved

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

Posted on 2009-07-02
3
Medium Priority
?
2,456 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 1000 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 1000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Michael from AdRem Software explains how to view the most utilized and worst performing nodes in your network, by accessing the Top Charts view in NetCrunch network monitor (https://www.adremsoft.com/). Top Charts is a view in which you can set seve…
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…
Suggested Courses

752 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