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

Popup window from CommandItemTemplate

3 Answers 153 Views

Grid

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

Kurt Kluth asked on 21 Mar 2014, 05:51 PM

I would like to Add/Edit RadGrid items in a RadWindow that would be launched via the CommandItemTemplate buttons. How would I do this?

<telerik:RadGrid ID="_gridContacts" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None"

OnItemDeleted="_gridContacts_ItemDeleted">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="Contact_ID">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# _gridContacts.EditIndexes.Count = 0%>' OnClientClick="ShowEditForm();"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Edit.png"/>Edit selected</asp:LinkButton>

<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# _gridContacts.EditIndexes.Count > 0%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Update.gif"/>Update</asp:LinkButton>

<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# _gridContacts.EditIndexes.Count > 0 Or _gridContacts.MasterTableView.IsItemInserted%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Cancel.png"/>Cancel editing</asp:LinkButton>

<asp:LinkButton ID="LinkButton2" runat="server" Visible='<%# Not _gridContacts.MasterTableView.IsItemInserted%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/AddRecord.png"/>Add new</asp:LinkButton>

<asp:LinkButton ID="LinkButton3" runat="server" CommandName="PerformInsert" Visible='<%# _gridContacts.MasterTableView.IsItemInserted%>'><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Insert.gif"/>Add this customer</asp:LinkButton>

<asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete all selected contacts?')"

runat="server" CommandName="DeleteSelected"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Delete.png"/>Delete selected contacts</asp:LinkButton>

<asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Refresh.png"/>Refresh contact list</asp:LinkButton>

</div>

</CommandItemTemplate>

<Columns>

<%--<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<HeaderStyle Width="20px"></HeaderStyle>

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Contact?" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">

<HeaderStyle Width="20px"></HeaderStyle>

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton"></ItemStyle>

</telerik:GridButtonColumn>

<telerik:GridHyperLinkColumn DataTextFormatString="[More...]"

DataNavigateUrlFields="Contact_ID" UniqueName="Contact_ID" DataNavigateUrlFormatString="contacts.aspx?ContactID={0}"

HeaderText=" " DataTextField="Contact_ID">

<HeaderStyle Width="40px"></HeaderStyle>

</telerik:GridHyperLinkColumn>--%>

<telerik:GridButtonColumn DataTextFormatString="Select {0}"

ButtonType="ImageButton" UniqueName="column" HeaderText=" "

ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"

ImageUrl="/images/vcard-icon.png">

<HeaderStyle Width="40px"></HeaderStyle>

</telerik:GridButtonColumn>

<telerik:GridBoundColumn HeaderText="Name" UniqueName="column" FilterControlAltText="Filter column column" DataField="first_name">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Title" UniqueName="column" FilterControlAltText="Filter column column" DataField="Title">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Phone" UniqueName="column" FilterControlAltText="Filter column column" DataField="Phone1">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Contact_Email" HeaderText="Contact Email">

<ItemTemplate>

<a href="mailto:<%# DataBinder.Eval(Container.DataItem, "Contact_Email")%>"><%# DataBinder.Eval(Container.DataItem, "Contact_Email")%></a>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings UserControlName="Contacts.ascx" EditFormType="WebUserControl">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<ClientEvents OnPopUpShowing="PopUpShowing" />

<Selecting AllowRowSelect="True" EnableDragToSelectRows="False"></Selecting>

</ClientSettings>

</telerik:RadGrid>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Height="300px"

Width="300px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"

Modal="true">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

3 Answers, 1 is accepted

answered on 26 Mar 2014, 06:33 PM

Viktor,

With some modifications I was able to use the CommandItemTemplate to launch my RadWindow (as I wasn't looking to launch it from the GridRow), however it still wants to show a limited edit form to modify the value within the grid. How do I turn it off and go strictly with the RadWindow?

<telerik:RadGrid ID="_gridContacts" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None" OnItemDeleted="_gridContacts_ItemDeleted">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="Contact_ID" ClientDataKeyNames="Contact_ID">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<asp:LinkButton ID="LinkButton2" runat="server" Visible='<%# Not _gridContacts.MasterTableView.IsItemInserted%>' onClientClick="ShowInsertForm()"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/AddRecord.png"/>Add new</asp:LinkButton>

<asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete all selected contacts?')" runat="server" CommandName="DeleteSelected"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Delete.png"/>Delete selected contacts</asp:LinkButton>

</div>

</CommandItemTemplate>