Wie kann AutoSave-Funktionalität in Telerik RadGrid bereitgestellt werden?

Question

Ich verwende eine Telerik RadGrid mit Batch Edit Funktionalität. Ich versuche, die automatische Speicherfunktionalität zu implementieren. Ich habe meinen Code hinzugefügt unter

<form id="form1" runat="server"> 
     <div id="Demo"> 
     <telerik:RadListBox RenderMode="Lightweight" runat="server" ID="SavedChangesList" Width="600px" Height="200px" Visible="false"></telerik:RadListBox> 
     <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True" 
      AllowAutomaticInserts="True" PageSize="10" OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted" 
      OnItemUpdated="RadGrid1_ItemUpdated" OnPreRender="RadGrid1_PreRender" AllowAutomaticUpdates="True" AllowPaging="True" 
      AutoGenerateColumns="False" OnBatchEditCommand="RadGrid1_BatchEditCommand" DataSourceID="SqlDataSource1"> 
      <MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="ID" 
       DataSourceID="SqlDataSource1" HorizontalAlign="NotSet" EditMode="Batch" AutoGenerateColumns="False"> 
       <BatchEditingSettings EditType="Cell" /> 
       <SortExpressions> 
        <telerik:GridSortExpression FieldName="ID" SortOrder="Descending" /> 
       </SortExpressions> 
       <Columns> 

       </Columns> 
      </MasterTableView> 
      <ClientSettings AllowKeyboardNavigation="true"></ClientSettings> 
     </telerik:RadGrid> 
    </div> 
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Data Source=STRMV3097\MSSQLSERVER2012;Initial Catalog=ToolsandTechResearchShowcase;User ID=pra_app_user;Password=pra" 
     DeleteCommand="Delete Command" InsertCommand="Insert Command" 
     SelectCommand="Select" UpdateCommand="Update"> 
    </asp:SqlDataSource> 
</form> 

Answer 1

einen Timer erstellen (mit der nativen Browser setInterval()-Methode) und die clientseitige API des Gitters (siehe saveChanges(tableView) oder saveAllChanges()-Methode): http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/data-editing/edit-mode/batch-editing/client-side-api. Sie benötigen einen Verweis auf den Stapelbearbeitungs-Manager, dessen Methoden dies sind, z. B. grid.get_batchEditingManager() wobei Raster ein Verweis auf das RadGrid ist.

Hier ist ein einfaches Beispiel, sollten Sie sofort in der Lage sein

 <telerik:RadGrid ID="RadGrid1" runat="server" MasterTableView-EditMode="Batch" AllowAutomaticDeletes="True" 
         AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowPaging="True" PageSize="10" DataSourceID="SqlDataSource1"></telerik:RadGrid> 
     <telerik:RadCodeBlock runat="server" ID="RadCodeBlock1"> 
      <script> 
       var autoSaveInterval = null; 

       //store the interval so you can cancel it at any time you like 
       function saveGridChanges() { 
        var grid = $find("<%=RadGrid1.ClientID%>");//reference the grid 
        var batchEditManager = grid.get_batchEditingManager();//get the batch edit manager 
        batchEditManager.saveAllChanges();//use its API to save the changes 
       } 
       //use the Sys.Application.Load event as this is the earliest point at which IScriptControl client-side objects can be accessed 
       Sys.Application.add_load(function() { 
        autoSaveInterval = window.setInterval(saveGridChanges, 30000); 
       }); 
      </script> 
     </telerik:RadCodeBlock> 
     <%--Optionally, add AJAX for a loading indicator--%> 
     <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Black"></telerik:RadAjaxLoadingPanel> 
     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"> 
      <AjaxSettings> 
       <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        <UpdatedControls> 
         <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        </UpdatedControls> 
       </telerik:AjaxSetting> 
      </AjaxSettings> 
     </telerik:RadAjaxManager> 

     <%--Data source. Here is the one from the Telerik demo--%> 
     <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" 
          DeleteCommand="DELETE FROM [Products] WHERE [ProductID] = @ProductID" InsertCommand="INSERT INTO [Products] ([ProductName], [CategoryID], [UnitPrice], [Discontinued], [QuantityPerUnit], [UnitsInStock]) VALUES (@ProductName, @CategoryID, @UnitPrice, @Discontinued, @QuantityPerUnit, @UnitsInStock)" 
          SelectCommand="SELECT [ProductID], [ProductName], [Products].[CategoryID], [Categories].[CategoryName] as CategoryName, [UnitPrice], [Discontinued], [QuantityPerUnit], [UnitsInStock] FROM [Products] JOIN Categories ON Products.CategoryID=Categories.CategoryID" 
          UpdateCommand="UPDATE [Products] SET [ProductName] = @ProductName, [CategoryID] = @CategoryID, [UnitPrice] = @UnitPrice, [Discontinued] = @Discontinued, [QuantityPerUnit] = @QuantityPerUnit, [UnitsInStock] = @UnitsInStock WHERE [ProductID] = @ProductID"> 
      <DeleteParameters> 
       <asp:Parameter Name="ProductID" Type="Int32"></asp:Parameter> 
      </DeleteParameters> 
      <InsertParameters> 
       <asp:Parameter Name="ProductName" Type="String"></asp:Parameter> 
       <asp:Parameter Name="CategoryID" Type="Int32"></asp:Parameter> 
       <asp:Parameter Name="UnitPrice" Type="Decimal"></asp:Parameter> 
       <asp:Parameter Name="Discontinued" Type="Boolean"></asp:Parameter> 
       <asp:Parameter Name="QuantityPerUnit" Type="String"></asp:Parameter> 
       <asp:Parameter Name="UnitsInStock" Type="Int16"></asp:Parameter> 
      </InsertParameters> 
      <UpdateParameters> 
       <asp:Parameter Name="ProductName" Type="String"></asp:Parameter> 
       <asp:Parameter Name="CategoryID" Type="Int32"></asp:Parameter> 
       <asp:Parameter Name="UnitPrice" Type="Decimal"></asp:Parameter> 
       <asp:Parameter Name="Discontinued" Type="Boolean"></asp:Parameter> 
       <asp:Parameter Name="QuantityPerUnit" Type="String"></asp:Parameter> 
       <asp:Parameter Name="UnitsInStock" Type="Int16"></asp:Parameter> 
       <asp:Parameter Name="ProductID" Type="Int32"></asp:Parameter> 
      </UpdateParameters> 
     </asp:SqlDataSource> 

Ich rate auch für die anderen Batch-Bearbeitung Ereignisse Handler hinzugefügt auszuführen Flaggen und/oder löschen das Intervall zu erhöhen, während der Benutzer gerade eine Bearbeitung ist Zelle/Zeile, um Datenverlust und Probleme zu vermeiden.