This is a migrated thread and some comments may be shown as answers.

Open EditFormSettings template on asp Button click

3 Answers 239 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Manish
Top achievements
Rank 2
Manish asked on 27 Mar 2014, 02:04 PM
Hi,
<telerik:RadGrid ID="rgCommnets" runat="server">
        <MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None">
            <Columns>
                <telerik:GridBoundColumn DataField="Comment_ID" HeaderText="" UniqueName="Comment_ID" Display="false"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Attachment_ID" HeaderText="" UniqueName="Attachment_ID" Display="false"></telerik:GridBoundColumn>

                <telerik:GridTemplateColumn HeaderText="Title">
                    <ItemTemplate>
                        <asp:Label ID="Title" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Title") %>'></asp:Label>
                        <asp:LinkButton runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"File_Name") %>' ID="lnkAttachment" OnClick="lnkAttachment_Click"></asp:LinkButton>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridBoundColumn DataField="Title" HeaderText="Title" UniqueName="Title"></telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="Status" HeaderText="Status" UniqueName="Status"></telerik:GridBoundColumn>
            </Columns>
            <EditFormSettings>
                <FormTemplate >
               <div class="divNarrativeComment">
                            <label>
                                Comment Title:</label>
                            <asp:TextBox ID="textbox1" runat="server" Width="658px" Height="18px"></asp:TextBox>
                            <asp:TextBox ID="textbox2" runat="server" Width="754px" Height="50px" TextMode="MultiLine"
                                CssClass="mbm"></asp:TextBox>
                            <label>
                                Attachment:</label>
                            <br class="clearLeft" />
                            <label>
                                For:</label>
                            <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal"
                                CssClass="rblFor">
                                <asp:ListItem>Contractor</asp:ListItem>
                                <asp:ListItem>Internal</asp:ListItem>
                            </asp:RadioButtonList>
                            <br class="clearLeft" />
                            <label>
                                Actionable item?</label><asp:CheckBox ID="CheckBox1" runat="server" Text="Yes" CssClass="rblFor chkAttachment" /><br
                                    class="clearLeft" />
                            <label>
                                Choose role:</label><telerik:RadComboBox ID="RadComboBox2" runat="server" Skin="Metro"
                                    Width="300px" CssClass="left">
                                </telerik:RadComboBox>
                            <asp:Button ID="Button2" runat="server" Text="Save" CssClass="buttons btnSearch right" />
                            <a class="lnkClear right">Discard</a><br class="clearLeft" />
                        </div>
                </FormTemplate>
            </EditFormSettings>
        </MasterTableView>

    </telerik:RadGrid>


In above code i have add <telerik:RadGrid ID="rgCommnets" runat="server">
        <MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None">
            <Columns>
                <telerik:GridBoundColumn DataField="Comment_ID" HeaderText="" UniqueName="Comment_ID" Display="false"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Attachment_ID" HeaderText="" UniqueName="Attachment_ID" Display="false"></telerik:GridBoundColumn>

                <telerik:GridTemplateColumn HeaderText="Title">
                    <ItemTemplate>
                        <asp:Label ID="Title" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Title") %>'></asp:Label>
                        <asp:LinkButton runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"File_Name") %>' ID="lnkAttachment" OnClick="lnkAttachment_Click"></asp:LinkButton>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridBoundColumn DataField="Title" HeaderText="Title" UniqueName="Title"></telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="Status" HeaderText="Status" UniqueName="Status"></telerik:GridBoundColumn>
            </Columns>
            <EditFormSettings>
                <FormTemplate >
               <div class="divNarrativeComment">
                            <label>
                                Comment Title:</label>
                            <asp:TextBox ID="textbox1" runat="server" Width="658px" Height="18px"></asp:TextBox>
                            <asp:TextBox ID="textbox2" runat="server" Width="754px" Height="50px" TextMode="MultiLine"
                                CssClass="mbm"></asp:TextBox>
                            <label>
                                Attachment:</label>
                            <br class="clearLeft" />
                            <label>
                                For:</label>
                            <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal"
                                CssClass="rblFor">
                                <asp:ListItem>Contractor</asp:ListItem>
                                <asp:ListItem>Internal</asp:ListItem>
                            </asp:RadioButtonList>
                            <br class="clearLeft" />
                            <label>
                                Actionable item?</label><asp:CheckBox ID="CheckBox1" runat="server" Text="Yes" CssClass="rblFor chkAttachment" /><br
                                    class="clearLeft" />
                            <label>
                                Choose role:</label><telerik:RadComboBox ID="RadComboBox2" runat="server" Skin="Metro"
                                    Width="300px" CssClass="left">
                                </telerik:RadComboBox>
                            <asp:Button ID="Button2" runat="server" Text="Save" CssClass="buttons btnSearch right" />
                            <a class="lnkClear right">Discard</a><br class="clearLeft" />
                        </div>
                </FormTemplate>
            </EditFormSettings>
        </MasterTableView>

    </telerik:RadGrid>

In above code i have add EditFormSettings for add and edit row and now i want to open it on asp button click.

Thanks
Manish

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 28 Mar 2014, 04:03 AM
Hi Manish,

I guess you want to have a asp edit button in a GridTemplateColumn and open the edit form on its click. Please try the following code snippet.

ASPX:
<telerik:GridTemplateColumn>
    <ItemTemplate>
        <asp:Button ID="Button1" runat="server" Text="Edit" CommandName="Edit" />
    </ItemTemplate>
</telerik:GridTemplateColumn>
. . . . .
<EditFormSettings EditFormType="Template">
    <FormTemplate>
 . . . . .
    </FormTemplate>
</EditFormSettings>

Thanks,
Princy
0
Manish
Top achievements
Rank 2
answered on 28 Mar 2014, 06:09 AM
Hi Princy,

Thanks for your quick reply but yes it is possible with your solution and i have done that already but i need to use asp button outside of radgrid.
Please check attachment.
0
Konstantin Dikov
Telerik team
answered on 31 Mar 2014, 10:25 PM
Hello Manish,

You could use the client-side API of the grid and use the masterTableView fireCommand() method to initiate edit or insert from a button outside the grid. Detailed information on this is available at the following help article: Here is a simple example on how to get reference to the client-side API of the grid and initiate edit of a particular item or to initiate insertion:
<telerik:RadCodeBlock runat="server">
    <script type="text/javascript">
        function editItem(index) {
            var grid = $find("<%=RadGrid1.ClientID%>");
            grid.get_masterTableView().fireCommand("Edit", index);
        }
 
        function initInsert(index) {
            var grid = $find("<%=RadGrid1.ClientID%>");
            grid.get_masterTableView().fireCommand("InitInsert", "");
        }
    </script>
</telerik:RadCodeBlock>
 
<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource">
</telerik:RadGrid>
 
<asp:Button runat="server" ID="Button1" Text="Edit item 1" OnClientClick="editItem(1); return false" />
<asp:Button runat="server" ID="Button2" Text="Init insert" OnClientClick="initInsert(); return false" />

Hope that helps.


Regards,
Konstantin Dikov
Telerik
 

Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

 
Tags
Grid
Asked by
Manish
Top achievements
Rank 2
Answers by
Princy
Top achievements
Rank 2
Manish
Top achievements
Rank 2
Konstantin Dikov
Telerik team
Share this question
or