Как сделать webgrid доступным для редактирования?

Question

Как я могу сделать свой веб-редактор доступным для редактирования, если моя модель и вид похожи на код ниже. Я хочу предоставить возможность редактировать, удалять, сохранять & отменить.

1- Моя модель

public class CurrentReport 
    {  
     public IEnumerable<TablesField> OTablesFields { get; set; } 
     public List<dynamic> dataField { get; set; } 
    } 

2- мой взгляд

@model WDCS.MODELS.CurrentReport 

<div id="PartialPage"> 

@{ 
    var grid = new WebGrid(Model.dataField , rowsPerPage: 5, canPage: true, canSort: true, ajaxUpdateContainerId: "Grid"); 

     List<webgridcolumn> cols = new List<webgridcolumn>(); 

     foreach (var clm in Model.OTablesFields) 
     { 
      cols.Add(grid.Column(clm.fieldName, clm.displayName));   
     }   

    } 


    <div id="Grid"> 
      @grid.GetHtml(
         tableStyle:"webGrid", 
         headerStyle:"header", 
         alternatingRowStyle:"alt", 
         columns:cols   
         ) 

    </div> 

</div> 

Answer 1

Чтобы сделать WebGrid редактируемые, есть некоторые подходы, один из них положить редактируемые и статические HTML-элементы в каждой строке и сделать их видимыми или невидимыми в каждом состоянии с помощью некоторых кодов JavaScript. Другой подход - обращение к диалоговому окну jQuery, содержащему форму.

Оба подхода популярны, и вам решать выбрать один из них. Эти две ссылки ниже описывают их подробно.

Inline Editing With The WebGrid

WebMatrix and jQuery Forms Part 2 - Editing Data