Avatar of jknj72
jknj72

asked on 

Update Panels with Gridview

I want to add an UpdatePanel to update my gridview. I have a couple of spots that I want the gridview to be updated but Im not sure how to go about adding in and setting it up. I have added a pic of a part of my app where I want the update panel to be used.... When I hit the Upload button I want the gridview procedure to run and bind my data to the gridview without the whole page posting back. I also want the same thing to happen when I click on the radio buttons(Handbook and Acknowlegement).
Can someone please help me with this. Along with my pic I have the code for my markup so you can see where I tried to add an Update Panel but I decided to come back to it when I was ready....Thanks for any help

User generated image

       <asp:Panel ID="pnlAcknowledge" runat="server">
            <table id="tblGridview" runat="server" style="width:100%;">
            <tr>
                <td style="width:50%">
                    <asp:Label ID="lblDocType" runat="server" Text="Handbook Versions" Font-Bold="true" Font-Size="Medium"> </asp:Label>
                </td>               
            </tr>
            <tr style="width:100%">
                <td>
<%--                <asp:UpdatePanel runat="server">
                    <ContentTemplate>--%>
                    <asp:Panel ID="pnlGridview" runat="server">
                        <asp:GridView ID="gvDocuments" runat="server" AutoGenerateColumns="false" HorizontalAlign="Center" Width="95%" 
                            DataKeyNames="VersionID"  
                            onrowcancelingedit="gvDocuments_RowCancelingEdit"
                            onrowediting="gvDocuments_RowEditing"            
                            onrowdeleting="gvDocuments_RowDeleting"
                            onrowupdating="gvDocuments_RowUpdating">

                            <Columns>                       
                                                       
                            <asp:TemplateField HeaderStyle-HorizontalAlign="left" ItemStyle-HorizontalAlign="left" HeaderText="Latest" ItemStyle-Width="50px">
                                <ItemTemplate>
                                    <asp:HiddenField ID="hLatest" runat="server" Value='<%# Eval("Latest")%>' />                      
                                    <asp:CheckBox ID="chkLatest" runat="server" Checked='<%# Eval("Latest")%>'  OnCheckedChanged="chkLatest_CheckedChanged" AutoPostBack="true"/>
                                </ItemTemplate>
                            </asp:TemplateField>
                            
                            <asp:TemplateField HeaderText="File Name" ItemStyle-Width="350px">
                                <ItemTemplate>   
                                    <%#Eval("Name")%>   
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <asp:TextBox ID="txtFileName" runat="server" Text='<%#Eval("Name") %>'></asp:TextBox>
                                </EditItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="File Content">
                                <ItemTemplate>   
                                    <%#Eval("Content")%>   
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <asp:TextBox ID="txtFileContent" runat="server" Text='<%#Eval("Content")%>'></asp:TextBox>
                                </EditItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="center" HeaderText="View PDF Files" ItemStyle-Width="180px">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkView" runat="server" Text="View" OnClick="View" CommandArgument='<%# Eval("VersionId")%>'></asp:LinkButton>
                                </ItemTemplate>
                            </asp:TemplateField>

                             <asp:CommandField ShowEditButton="true" ButtonType ="Image" EditImageUrl="~/Image/modify.ico" UpdateImageUrl="~/Image/accept.png"
                            CancelImageUrl="~/Image/cancel.ico" HeaderText="Edit" ItemStyle-Width="50px"/>

                            <asp:CommandField ShowDeleteButton="true" ButtonType="Image" DeleteImageUrl="~/Image/delete.ico" HeaderText="Delete" ItemStyle-Width="50px"/> 
                            </Columns>

                        </asp:GridView>  
                    </asp:Panel>
<%--                    </ContentTemplate>
                    </asp:UpdatePanel>--%>
                </td>

            </tr>
        </table>
        </asp:Panel>

Open in new window


Thanks
ASP.NETVisual Basic.NET.NET Programming

Avatar of undefined
Last Comment
jknj72
ASKER CERTIFIED SOLUTION
Avatar of jitendra patil
jitendra patil
Flag of India image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of jknj72
jknj72

ASKER

thanks
.NET Programming
.NET Programming

The .NET Framework is not specific to any one programming language; rather, it includes a library of functions that allows developers to rapidly build applications. Several supported languages include C#, VB.NET, C++ or ASP.NET.

137K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo