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

Update Button Doesn't Appear in InPlace Edit

1 Answer 111 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
Chris asked on 30 Nov 2017, 09:57 PM

I am trying to update a single GridDropDown column in a RadGrid

the Edit Button is an Image Button, with different images depending on the value in the data selected in the dropdown

the Cancel button appears but not the Update - should I explicitly put something in the update button?  both buttons appear if I change it to Popup but that has its own problems

the XML for the data source for the dropdown

<?xml version="1.0" encoding="utf-8" ?>
<root>
    <CareerStage Text="None" Value="0" />
    <CareerStage Text="Developmental" Value="1" />
    <CareerStage Text="Improving" Value="2" />
    <CareerStage Text="At peak" Value="3" />
    <CareerStage Text="Declining" Value="4" />
    <CareerStage Text="Replace" Value="5" />
</root>

(there's some drag and drop which is working)

    protected void rgRoster_UpdateCommand(object source, GridCommandEventArgs e)
    {
        GridEditFormItem theItemEdited;
        TableCell tCell;
        RadComboBox rcbCareerStage;
        bool GoodCall;
        int PlayerID, VirtualTeamID, CareerStage;
.....
}

the Grid

   <telerik:RadGrid ID="rgRoster" AutoGenerateColumns="False" OnNeedDataSource="rgRoster_NeedDataSource"
       OnItemCreated="rgRoster_ItemCreated" OnItemDataBound="rgRoster_ItemDataBound" OnEditCommand="rgRoster_EditCommand" OnUpdateCommand="rgRoster_UpdateCommand" Width="100%" runat="server" OnRowDrop="rgRoster_RowDrop" >
       <GroupingSettings CollapseAllTooltip="Collapse all groups" />
       <MasterTableView DataKeyNames="id" EditMode="InPlace" >
           <EditFormSettings>
               <EditColumn UniqueName="CareerStageImage" ButtonType="ImageButton" >
               </EditColumn>
               <PopUpSettings />
           </EditFormSettings>
           <GroupByExpressions>
               <telerik:GridGroupByExpression>
                   <SelectFields>
                       <telerik:GridGroupByField FieldName="positionCategoryCode" />
                       <telerik:GridGroupByField FieldName="positionCategory" />
                   </SelectFields>
                   <GroupByFields>
                       <telerik:GridGroupByField FieldName="positionCategoryCode" SortOrder="Ascending" />
                   </GroupByFields>
               </telerik:GridGroupByExpression>
               <telerik:GridGroupByExpression>
                   <SelectFields>
                       <telerik:GridGroupByField FieldName="positionSubCategoryCode" />
                       <telerik:GridGroupByField FieldName="positionSubCategory" />
                   </SelectFields>
                   <GroupByFields>
                       <telerik:GridGroupByField FieldName="positionSubCategoryCode" />
                   </GroupByFields>
               </telerik:GridGroupByExpression>
           </GroupByExpressions>
           <RowIndicatorColumn Visible="False">
           </RowIndicatorColumn>
           <ExpandCollapseColumn Created="True">
           </ExpandCollapseColumn>
           <Columns>
               <telerik:GridBoundColumn UniqueName="id" DataField="id" Visible="false" ReadOnly="true" />
               <telerik:GridTemplateColumn UniqueName="hiddenCareerStage" Visible="false" ReadOnly="true" >
                   <ItemTemplate>
                       <asp:HiddenField ID="hdnCareerStage" Value='<%#DataBinder.Eval(Container.DataItem, "careerStage")%>' runat="server" />
                   </ItemTemplate>
               </telerik:GridTemplateColumn>
               <telerik:GridNumericColumn UniqueName="Depth" DataField="positionDepth" DecimalDigits="0" HeaderStyle-Width="20px" HeaderText="DPTH" ReadOnly="true">
               </telerik:GridNumericColumn>
               <telerik:GridTemplateColumn UniqueName="role" HeaderText="ROLE" ReadOnly="true">
                   <HeaderStyle Width="42px" />
                   <ItemTemplate>
                       <telerik:RadLabel ID="rlbRole" Text='<%#DataBinder.Eval(Container.DataItem, "role")%>' runat="server" />
                   </ItemTemplate>
               </telerik:GridTemplateColumn>
               <telerik:GridBoundColumn DataField="nfl" HeaderStyle-Width="36px" HeaderText="NFL" ReadOnly="true">
               </telerik:GridBoundColumn>
               <telerik:GridTemplateColumn>
                   <HeaderStyle Width="96px" />
                   <ItemTemplate>
                       <asp:HyperLink ID="hlName" Text='<%#DataBinder.Eval(Container.DataItem, "name")%>' runat="server" />   
                   </ItemTemplate>
               </telerik:GridTemplateColumn>
               <telerik:GridBoundColumn DataField="age" HeaderStyle-Width="36px" HeaderText="AGE" ReadOnly="true">
               </telerik:GridBoundColumn>
               <telerik:GridBoundColumn DataField="exp" HeaderStyle-Width="36px" HeaderText="EXP" ReadOnly="true">           
               </telerik:GridBoundColumn>
               <telerik:GridBoundColumn DataField="college" HeaderStyle-Width="96px" HeaderText="COLLEGE" ReadOnly="true">
               </telerik:GridBoundColumn>
               <telerik:GridBoundColumn DataField="acquired" HeaderStyle-Width="72px" HeaderText="HOW ACQUIRED" ReadOnly="true">
               </telerik:GridBoundColumn>
               <telerik:GridBoundColumn DataField="rpi" HeaderStyle-Width="32px" HeaderText="RPI" ReadOnly="true">
               </telerik:GridBoundColumn>
               <telerik:GridNumericColumn DataField="capcost" DataFormatString="{0:C}" DataType="System.Decimal" HeaderStyle-Width="32px" HeaderText="CAP COST" ReadOnly="true">
               </telerik:GridNumericColumn>
               <telerik:GridDropDownColumn UniqueName="CareerStage" DropDownControlType="RadComboBox" HeaderStyle-Width="42px" HeaderText="CAREER STAGE"
                   DataField="careerStage" DataSourceID="xdsCareerStage" ListTextField="Text" ListValueField="Value" AutoPostBackOnFilter="true" />
               <telerik:GridEditCommandColumn UniqueName="CareerStageImage" ButtonType="ImageButton" EditImageUrl="../Images/CareerStage/Career_0None.png" HeaderText="Click to Update" HeaderStyle-Width="96px" />
               <telerik:GridBoundColumn DataField="notes" HeaderStyle-Width="160px" HeaderText="NOTES" ReadOnly="true" >
               </telerik:GridBoundColumn>
           </Columns>
       </MasterTableView>
       <ClientSettings AllowRowsDragDrop="true">
           <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" />
           <ClientEvents OnRowDropped="RowDropped" />
       </ClientSettings>
</telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 05 Dec 2017, 07:57 AM
Hi Chris,

I've tried to reproduce this issue locally but the Update button appears as expected every time. You may have some custom CSS on the page which is breaking its visualization. Also, you can try to temporarily change the RenderMode of the grid:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/mobile-support/render-modes#setting-render-mode

For this specific scenario you can also check the Batch editing which does not require an additional Edit button:
http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/batch-editing/defaultcs.aspx

If the issue remains, please prepare a very basic runnable web site sample and open a formal support ticket to send it to us for further investigation.

Regards,
Eyup
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Chris
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or