将编辑链接添加到 JQGrid答案

【问题标题】：Add edit link to JQGrid将编辑链接添加到 JQGrid
【发布时间】：2013-04-15 15:24:06
【问题描述】：

我想在JQGrid 的每一行中添加编辑链接，并希望在单击该链接时调用控制器的操作。以下是 VIEW - .cshtml 级别的详细实现：

<div>  
 @(Html.Trirand().JQGrid(Model.TestGrid, "TestGrid")         
   )

 @(Html.Trirand().JQAutoComplete(
        new JQAutoComplete 
            {
                DisplayMode = AutoCompleteDisplayMode.ControlEditor,
                DataUrl = Url.Action("AutoCompleteShipName","TestGrid")
            }, "AutoComplete")
 )       
 </div>

以下是JQGrid 在模型级别的详细实现。

 public TestModel()
    {
        TestGrid = new JQGrid
        {
            Columns = new List<JQGridColumn>()
                             {
                                  new JQGridColumn { DataField = "ContractNumber", 
                                                    PrimaryKey = false,
                                                    Editable = false,
                                                    Width =250 },
                                 new JQGridColumn { DataField = "Version", 
                                                    PrimaryKey = false,
                                                    Editable = false,
                                                    Width =250 },
                                 new JQGridColumn { DataField = "StartDate", 
                                                    Editable = true,
                                                    Width = 250 },
                                 new JQGridColumn { DataField = "EndDate", 
                                                    Editable = true,
                                                    Width = 350 },
                                 new JQGridColumn { DataField = "Comments", 
                                                    Editable = true,
                                                    Width = 350 },
                                 new JQGridColumn { DataField = "Mfg",
                                                    Editable =  true,  
                                                    Width = 350 },       
                                 new JQGridColumn { DataField = "MfgPart",
                                                    Editable =  true, 
                                                     Width = 250} ,   
                                 new JQGridColumn { DataField = "Vendor",
                                                    Editable =  true, 
                                                    Width = 250} ,  
                                new JQGridColumn { DataField = "CustomerNumber",
                                                    Editable =  true,
                                                     Width = 250} ,  
                             },
            Width = Unit.Pixel(940),
            Height = Unit.Percentage(100)
        };

        TestGrid.ToolBarSettings.ShowRefreshButton = true;
    }

请任何人提供适合上述实施的实施示例/参考。

【问题讨论】：

你可以使用formater在jqgrid中做一个列，一个链接。

标签： jquery asp.net asp.net-mvc asp.net-mvc-3 jqgrid

【解决方案1】：

<a id="add" href="javascript:void(0)" title="Add">Add</a>
<a id="edit" href="javascript:void(0)" title="Edit">Edit</a>

<script type="text/javascript">

    $('#add').click(function (event) {
        window.location.href = '@Url.Action("AddEdit")';
    });
    $('#edit').click(function (event) {
        var selRowId = $('TestGrid').jqGrid('getGridParam', 'selrow');
        if (selRowId === null) {
            alert('Please Select data to edit');
            return false;
        } else {
            window.location.href = '@Url.Action("AddEdit")/' + selRowId;
        }
    });
</script>

【讨论】：