Razor - 可编辑网格 - 什么方法？

Question

我非常想知道，还不知道该决定使用什么。 所以我想要网格并编辑其行的数据。

我正在使用 MVC3 Razor，我知道这些可能性： - jqGrid 剃刀 - 淘汰网格剃刀 - 我不知道如何使其可编辑网格？是否有可能，或者这只是为了显示数据。 - 网络网格、Razor

我不喜欢使用 Telerik 控件！ 您能告诉我制作可编辑网格的最佳方法是什么吗？如果我不需要可编辑网格怎么办？为什么要使用其中一种或另一种方式？ 所有这些都在 Razor 页面中。

Answer 1

ShieldUI的网格还支持很多编辑模式、场景和发送更新本地或任何远程端点。

可以在这里找到一个很好的开始示例：

http://demos .shieldui.com/mvc/grid-editing/editing-restful-web-service

Answer 2

jqGrid 确实支持编辑，您可以在 http://www.trirand.com 查看一些示例/blog/jqgrid/jqgrid.html 或阅读 http://www.trirand.com/jqgridwiki/doku.php?id=start

Answer 3

使用以下代码进行编辑，与添加、删除相同。

对于视图，

@(Html.Telerik().Grid<CustomerOrderDetails>()
                       .Name("gvCustomerOrderDetails")
                       .DataKeys(keys => keys.Add(k => k.ItemID))
                       .Columns(column =>
                       {
                           column.Bound(i => i.ItemID).Hidden(true);
                           column.Bound(i => i.SalesSequenceNumber).Hidden(true);
                           column.Bound(i => i.ItemSequence).Hidden(true);
                           column.Bound(i => i.ItemName).Title("Item Name").ReadOnly();
                           column.Bound(i => i.Quantity).Title("Order Quantity").HtmlAttributes(new { @class = "gridTextAlignRight" });
                           column.Bound(i => i.ItemUnitPrice).HtmlAttributes(new { @class = "gridTextAlignRight" }).ReadOnly();
                           column.Bound(i => i.ItemUnitPrice).Hidden(true);
                           column.Bound(i => i.TotalPrice).HtmlAttributes(new { @class = "gridTextAlignRight" }).ReadOnly();
                           column.Command(command =>
                           {
                               command.Edit().ButtonType(GridButtonType.Image);
                           }).Width(80).Title("Commands");
                       })
                       .Selectable()
                       .DataBinding(dbBindings =>
                           {
                               dbBindings.Ajax().Select("__CustomerOrderDetailsGridBind", "CustomerInfo")
                                                .Update("__CustomerOrderDetailsUpdate", "CustomerInfo");
                           })
                       .ClientEvents(events =>
                        events.OnDataBinding("onDataBinding")
                              .OnError("onError")
                       )
                       .Scrollable(scroll => scroll.Height(300))

                 )

对于控制使用以下代码，

    [AcceptVerbs(HttpVerbs.Post)]
    [GridAction]
    public ActionResult __CustomerOrderDetailsUpdate(CustomerOrderDetails objCustomerOrderDetails)
    {
        SalesItem objSalesItem = new SalesItem();
        objSalesItem.SalesSequenceNumber = objCustomerOrderDetails.SalesSequenceNumber;
        objSalesItem.ItemSequence = Convert.ToByte(objCustomerOrderDetails.ItemSequence);
        objSalesItem.ItemID = objCustomerOrderDetails.ItemID;
        objSalesItem.Quantity = objCustomerOrderDetails.Quantity;
        objSalesItem.ItemUnitPrice = objCustomerOrderDetails.ItemUnitPrice;
        objSalesItem.TotalPrice = objCustomerOrderDetails.ItemUnitPrice * objCustomerOrderDetails.Quantity;
        objSalesItem.SalesDate = DateTime.Now;
        objSalesItem.EntryBy = objLoginHelper.LogInID;
        objSalesItem.EntryDate = DateTime.Now;

        customerDal.UpdateSalesItem(objSalesItem);

        return View(new GridModel<CustomerOrderDetails>
        {
            Data = customerDal.CustomerOrderDetailsInfo(objCustomerOrderDetails.SalesSequenceNumber, Helper.Active)
        });
    }

您还可以将模型特定类用于 添加、编辑 & 删除。这里 ReadOnly() 用于未编辑的列。如果您需要控制列值，请使用同一列，但不带ReadOnly()，而仅隐藏。

我认为所有人都喜欢使用这段代码。