RadGrid Insert Update Delete on Same Page with Popup Window

[Prathap Narravula]

Hi,

How to add, update and delete on radgrid? My Add and update form should be in modal popup window in the same page of the grid where i should able to design the form.

I was implemented the samething in two pages one is grid page and another for new and edit.

Suggest to do it in single page


Thanks,
Prathap

[Shinu]

Hi,

Try using EditFormType as Template as follows.

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="false" AutoGenerateEditColumn="true">
    <MasterTableView CommandItemDisplay="Top" EditMode="PopUp">
        <Columns>
            <telerik:GridBoundColumn UniqueName="OrderID" HeaderText="OrderID" DataField="OrderID"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="EmployeeID" HeaderText="EmployeeID" DataField="EmployeeID"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="OrderDate" HeaderText="OrderDate" DataField="OrderDate" DataFormatString="{0:d}"></telerik:GridBoundColumn>
        </Columns>
        <EditFormSettings EditFormType="Template">
            <FormTemplate>
                <table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none"
                    style="border-collapse: collapse; background: white;">
                    <tr>
                        <td colspan="2">
                            <b>Info:</b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table id="Table3" cellspacing="1" cellpadding="1" width="250" border="0" class="module">
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        EmployeeID:
                                    </td>
                                    <td>
                                        <asp:TextBox ID="TextBox7" runat="server" Text='<%# Bind("EmployeeID") %>'></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        OrderDate:
                                    </td>
                                    <td>
                                        <asp:TextBox ID="TextBox8" runat="server" Text='<%# Bind("OrderDate") %>' TabIndex="1"></asp:TextBox>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" colspan="2">
                            <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></asp:Button>
                            <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button>
                        </td>
                    </tr>
                </table>
            </FormTemplate>
        </EditFormSettings>
    </MasterTableView>
</telerik:RadGrid>

Please elaborate your scenario if it doesn't help.

Thanks,
Shinu.