JQGrid에 편집 링크 추가

Question

각 행의 편집 링크를 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; 
    } 

Pls 누구나 위의 구현에 적합한 구현을위한 샘플/참조를 제공합니다.

Answer 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>