Update Button Doesn't Appear in InPlace Edit

2 posts, 0 answers
  1. Chris
    Chris avatar
    23 posts
    Member since:
    Mar 2012

    Posted 30 Nov 2017 Link to this post

    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>
  2. Eyup
    Admin
    Eyup avatar
    4025 posts

    Posted 05 Dec 2017 Link to this post

    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.
Back to Top