Wie man Data Grid devextreme auf Controller in asp.net mvc

Question

ich habe DataGrid mit Devextreme. Wie kann ich Datagrid an den Controller in asp.net mvc senden? Ich habe versucht, dies aus meiner Sicht:

@using (Html.BeginForm("action-name", "controller-name", FormMethod.Post)) 
      { 
       <div id="frm"></div> 
       <div id="grid"></div> 
       <div class="submit-button" id="submitBtn"></div> 
      } 

und das ist mein Modell:

public class class-name 
    { 
     public int id { get; set; } 
     public string Name { get; set; } 
     public string FName { get; set; } 
     public ContactInfo ContactInfo { get; set; } 
    } 

public class ContactInfo 
    { 
     public string type { get; set; } 
     public string value { get; set; } 
    } 

in meinem contoller i meine Daten erhalten (Klassenname), aber die Rasterdaten (Contact) ist null

Answer 1

In Ihrem Fall können Sie ASP.NET MVC Wrappers for DevExtreme verwenden.

@(Html.DevExtreme().DataGrid() 
    .DataSource(ds => ds 
     .WebApi() 
     .Controller("GridData") 
     .Key("OrderID") 
     .LoadAction("GetAllOrders") 
     .InsertAction("InsertOrder") 
     .UpdateAction("UpdateOrder") 
     .DeleteAction("RemoveOrder") 
    ) 
) 

und die Steuerung: In diesem Fall wird ein Raster zu WebAPI Controller so zu binden, in die Lage

public class DataGridWebApiController : ApiController { 

    [HttpGet] 
    public HttpResponseMessage GetAllOrders(DataSourceLoadOptions loadOptions) { 
     //... 
    } 

    [HttpPost] 
    public HttpResponseMessage InsertOrder(FormDataCollection form) { 
     //... 
    } 

    [HttpPut] 
    public HttpResponseMessage UpdateOrder(FormDataCollection form) { 
     //... 
    } 

    [HttpDelete] 
    public void RemoveOrder(FormDataCollection form) { 
     //... 
    } 
} 

Nun, ist es nicht notwendig, alle Datagrid Daten an einen Server zu senden Seite. Verwalten Sie nur die aktualisierten Daten.

Es gibt eine zusätzliche Information über eine Datenbindung in this article.

Schauen Sie sich auch this demo an.

Answer 2

für meine Frage habe ich meinen Weg gefunden. hier ist die Lösung. https://www.devexpress.com/Support/Center/Question/Details/T489645 dank devextreme Unterstützung.

Answer 3

Sie können ein cellTemplate für jede Spalte verwenden und in cellTemplate müssen Sie versteckten Eingang verwenden. Nehmen Sie beispielsweise folgenden Code an:

factory.Add().DataField("Mobile") 
      .CellTemplate(@<text> 
       <%= text %> 
       <input type='hidden' name='Addresses[<%= rowIndex %>].Mobile' value='<%= value %>' /> 
       </text>); 

Text, rowIndex, Wert ist DevExtreme-Objekt. für weitere Informationen überprüfen Sie bitte die CellInfo Abschnitt des Links. https://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxDataGrid/Configuration/columns/?search=columns