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

Manual Editing/Updating in Grouping of RadListView

3 Answers 69 Views
ListView
This is a migrated thread and some comments may be shown as answers.
madhavi
Top achievements
Rank 1
madhavi asked on 12 Dec 2016, 09:21 PM

Hi, 

   I am having RadListView grouped by Date. I am trying to edit/update records in RadListView. I was able to get record key value through  editFormItem.GetDataKeyValue("Seq"). But unable to access the record items in either of the updateCommand or ItemCommand events.  Any help , how to access the record.  

Thank you. 

 

 <t:RadListView ID="rgHrs" runat="server" RenderMode="Mobile"  AllowMultiFieldSorting="true" 
      ItemPlaceholderID="myTimeGroupContainer" DataKeyNames="Seq" AllowPaging="true"
      OnNeedDataSource="rgHrs_NeedDataSource"  
      OnItemDataBound="rgHrs_ItemDataBound" 
      OnItemCommand="rgHrs_ItemCommand"  
      OnItemCreated="rgHrs_ItemCreated"
      OnItemDeleting="rgHrs_DeleteCommand"
      OnItemUpdating="rgHrs_UpdateCommand"
      >
     <ItemTemplate>
             <div class="row">
                <div class="column small-12 ">                  
                        <header> DATE </header>
                        <div>
                            <%#Eval("WORK_DT", "{0:MM/dd/yyyy}")%>
                        </div>               
                </div>
                <div class="column small-12" id="wkHrsDiv" runat="server" >   
                        <header> HOURS </header>
                        <div>
                            <%#Eval("WORK_HRS")%>
                        </div>   
                </div>
                <div class="column small-12">                  
                        <header> PC </header>
                        <div>
                            <%#Eval("PAY_CODE")%>
                        </div>                
                </div>
                <div class="column small-12">                
                    <header> ST</header>
                    <div >
                        <%#Eval("ST_CODE")%>
                    </div>                
                </div>
                <div class="column small-12">               
                    <header> COMP ID </header>
                    <div >
                          <%#Eval("COMP_ID")%>
                    </div>
                </div>
                <div class="column small-12">
                    <header> GL ID </header>
                    <div >
                          <%#Eval("GL_ID")%>
                    </div>
                </div>
                <div class="column small-12">
                    <header> WORK ORDER </header>
                    <div>
                         <%#Eval("WR_ODR_NO")%>
                    </div>
                </div>            
                <div class="column small-12" style="display:none"
                    <header> Sequence number </header>
                    <div>
                          <%#Eval("Seq")%>
                    </div>
                </div>                
           </div>
        
            <div class="row">                
                <div id="commentIdDiv" runat="server" class="column medium-4">  
                   <div class="color-blue">    
                    <header> COMMENT </header>
                   </div>
                   <div class="note"> 
                       <asp:Label ID="lblRGComment" runat="server" Text='<%# Eval("LD_COMMENT") %>' ToolTip='<%# Eval("LD_COMMENT") %>' />
                   </div>            
                </div>
                
                <div class="column medium-4 text-right">

  <asp:Button id="editButton" runat="server" ButtonType="StandardButton" CommandName="Edit" 
                      RenderMode="Lightweight" 
 Text="EDIT"  class="button small" >
                 
                   </asp:Button>

                   <asp:Button id="deleteButton" runat="server" ButtonType="StandardButton" CommandName="Delete" 
                      RenderMode="Lightweight" 
 Text="DELETE"  class="button small" >
                 
                   </asp:Button>
  
      </div>
 
            </div> 
     </ItemTemplate>  
           
        <EmptyDataTemplate>      
            <div class="EmptyRows">
               There are no items to be displayed.
            </div>
        </EmptyDataTemplate>    

        <EditItemTemplate>
          <section>
           <div class="row">
                <div class="column small-12 ">                  
                        <header> DATE </header>
                        <div>
                           <t:RadTextBox RenderMode="LightWeight" ID="txtWorkDt" runat="server" Text='<%#Eval("WORK_DT", "{0:MM/dd/yyyy}")%>' >
                           </t:RadTextBox>
                        </div>               
                </div>
                <div class="column small-12" id="wkHrsDiv" runat="server" >   
                        <header> HOURS </header>
                        <div>
                           <t:RadTextBox RenderMode="LightWeight" ID="txtWorkHrs" runat="server" Text='<%#Eval("WORK_HRS")%>'>
                            </t:RadTextBox>
                        </div>   
                </div>
                <div class="column small-12">                  
                        <header> PC </header>
                        <div>
                            <t:RadTextBox RenderMode="LightWeight" ID="txtPayCode" runat="server" Text='<%#Eval("PAY_CODE")%>'>
                           </t:RadTextBox>
                        </div>                
                </div>
                <div class="column small-12">                
                    <header> ST</header>
                    <div >
                       <t:RadTextBox RenderMode="LightWeight" ID="txtStateCode" runat="server" Text='<%#Eval("ST_CODE")%>'>
                        </t:RadTextBox>
                    </div>                
                </div>
                <div class="column small-12">               
                    <header> COMP ID </header>
                    <div >
                          <t:RadTextBox RenderMode="LightWeight" ID="txtCompID" runat="server" Text='<%#Eval("COMP_ID")%>'>
                         </t:RadTextBox>
                    </div>
                </div>
                <div class="column small-12">
                    <header> GL ID </header>
                    <div >
                        <t:RadTextBox RenderMode="LightWeight" ID="txtGlId" runat="server" Text='<%#Eval("GL_ID")%>'>
                        </t:RadTextBox>
                    </div>
                </div>
                <div class="column small-12">
                    <header> WORK ORDER </header>
                    <div>
                        <t:RadTextBox RenderMode="LightWeight" ID="txtWorkOrder" runat="server" Text='<%#Eval("WR_ODR_NO")%>'>
                         </t:RadTextBox>
                    </div>
                </div>            
                <div class="column small-12" style="display:none"
                    <header> Sequence number </header>
                    <div>
                         <t:RadTextBox RenderMode="LightWeight" ID="txtSeqMinMax" runat="server" Text='<%#Eval("Seq")%>'>
                         </t:RadTextBox>
                    </div>
                </div>                
           </div>
              
      
            <div class="row">         
               <div id="commentIdDiv" runat="server" class="column medium-4">  
                   <div class="color-blue">    
                      <header> COMMENT </header>
                   </div>
                   <div class="note"> 
                      <t:RadTextBox ID="txtRGComment" runat="server" Text='<%# Eval("LD_COMMENT") %>' ToolTip='<%# Eval("LD_COMMENT") %>'>
                      </t:RadTextBox>   
                   </div>            
               </div>             
           
               <div class="column medium-4" >
                 <t:RadButton RenderMode="Lightweight" ID="btnUpdate" runat="server" Text="UPDATE" CommandName="Update">
                 </t:RadButton>
                 <t:RadButton RenderMode="Lightweight" ID="btnCancel" runat="server" Text="CANCEL" CommandName="Cancel">
                 </t:RadButton>
               </div>
           </div>
 
        </EditItemTemplate>

        <LayoutTemplate>         
           <ul class="accordion my-time-report" data-accordion data-allow-all-closed="true" role="tablist"  data-multi-expand="true">
               <asp:PlaceHolder ID="myTimeGroupContainer2" runat="server"></asp:PlaceHolder>
           </ul>           
        </LayoutTemplate>  
      
      <GroupSeparatorTemplate>
      </GroupSeparatorTemplate>    
      
      <DataGroups>   
         <t:ListViewDataGroup GroupField ="WORK_DT" DataGroupPlaceholderID="MyTimeGroupContainer2" SortOrder="Ascending">
           <DataGroupTemplate>   
            <li class="accordion-item border-bottom-2x" data-accordion-item > 
              <a class="accordion-title" role="tab"  aria-expanded="false" aira-selected="false" >
                <asp:Label runat="server" ID="Label39"  Text='<%# (Container as RadListViewDataGroupItem).DataGroupKey + "Daily Total Hours: " + 
                    (Container as RadListViewDataGroupItem).AggregatesValues["WORK_HRS"].ToString() %>'>
                </asp:Label>
              </a> 
              <div class="accordion-content" data-tab-content role="tabpanel" aria-hidden="true" style="display:none;">
                <asp:PlaceHolder ID="myTimeGroupContainer" runat="server"></asp:PlaceHolder>               
              </div>
            </li>
           </DataGroupTemplate>
             <GroupAggregates>
                 <telerik:ListViewDataGroupAggregate Aggregate="Sum" DataField="WORK_HRS" />
             </GroupAggregates>
         </t:ListViewDataGroup>

      </DataGroups>
    </t:RadListView>

Backend: 

      protected void rgHrs_UpdateCommand(object sender, RadListViewCommandEventArgs e)
    {
        try
        {
           // unable to access through editable item record.
            RadListViewEditableItem editFormItem = (RadListViewEditableItem)e.ListViewItem;
            Label stxtWorkHrs = new Label();     
            stxtWorkHrs = (Label)editFormItem.FindControl("WORK_HRS");  
        --
        --
        -- 
           MyTime.UpdateTimeSheet(iCompID, sEmpID, Date, Hrs, Comment, etc....); // manual update to database..          
        }
        catch (Exception ex)
        {
            DataHelper.LogErrors(ex);
            throw ex;
        }
    }

3 Answers, 1 is accepted

Sort by
0
madhavi
Top achievements
Rank 1
answered on 12 Dec 2016, 09:39 PM
Thought I will post my current grid view, for reference
0
Accepted
Eyup
Telerik team
answered on 15 Dec 2016, 05:18 PM
Hello Madhavi,

You will need to search for the ID of the TextBox control which is called txtWorkHrs.

Regards,
Eyup
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
madhavi
Top achievements
Rank 1
answered on 22 Dec 2016, 07:35 PM

I got confused, going in a hard way to find solution.

Thank you, That helped.

- Madhavi

Tags
ListView
Asked by
madhavi
Top achievements
Rank 1
Answers by
madhavi
Top achievements
Rank 1
Eyup
Telerik team
Share this question
or