Question

如果我的模型和视图类似于下面的代码，我如何使我的webgrid可编辑。我想提供编辑，删除，保存和播放的选项。取消。

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

如何使webgrid可编辑？

1 个答案: