한 페이지에 여러 개의 jqgrid가 있습니다.

Question

한 페이지에 두 개의 jqgrid가 있지만 첫 번째 행의 첫 번째 행을 추가 버튼을 클릭하면 편집 모드가 시작됩니다. 두 번째 그리드 편집 모드의 두 번째 추가 버튼을 클릭하면 2 그리드의 첫 번째 행의 2 grisd의 임명하다의 행

var grid1 = new JQGrid(Name: "ReceiptdetGrid", LoadUrl: "/Receipt/GetGridData", 
    Columns: new List<JQGridColumn>() { 
      new JQGridColumn(Name: "Id",ColHeader: "Id", DataType: "string", IsSortable:false, IsFixed:true, IsResize: true,Hidden:true, Width:"0%"), 
      new JQGridColumn(Name: "Sno",ColHeader: "SNo.", DataType: "string", IsSortable:false, Width:"10%", IsFixed:true, IsResize: true,Hidden:false),    
      new JQGridColumn(Name: "HeadName",ColHeader: "Head", DataType: "string", IsSortable:true, IsFixed:true, IsResize: true,Width:"45%",IsEditable:true,EditType:"select",Items:(ViewData["headlist"] as List<SelectListItem>),OnChange:"SelectheadChange"), 
      new JQGridColumn(Name: "Amount",ColHeader: " Amount", DataType: "string",EditType:"text", Width:"45%", IsSortable:false,OnKeyUp:"CalculateTotalAmmount",IsFixed:true, IsResize: true,Hidden:false,IsEditable:true), 
     }, IsPaging: true, PageSize: "8", EditUrl: "/Receipt/KeepGridData", DeleteUrl: "/Receipt/DeleteGridData", IsSortable: true, FooterRow: true, ShowEmptyRows: true, EditType: JQGridEditType.Inline, IsEdit: true, IsDelete: true, IsInsert: true, Width: "900", Height: "200"); 
      @grid1.GetHtml();           
     } 

2 사전에 모든 솔루션 덕분에있는 jqGrid 내가 그것을 올 1 격자의 추가 버튼을 체크 인하

var grid2 = new JQGrid(Name: "instru", LoadUrl: "/Receipt/GetGridData", 
    Columns: new List<JQGridColumn>() { 
      new JQGridColumn(Name: "Id1",ColHeader: "Id1", DataType: "string", IsSortable:false, IsFixed:true, IsResize: true,Hidden:true, Width:"0%"), 
      new JQGridColumn(Name: "type",ColHeader: "type", DataType: "string", IsSortable:false, Width:"10%", IsFixed:true, IsResize: true,Hidden:false),    
      new JQGridColumn(Name: "HeadName",ColHeader: "Head", DataType: "string", IsSortable:true, IsFixed:true, IsResize: true,Width:"45%",IsEditable:true,EditType:"select",Items:(ViewData["headlist"] as List<SelectListItem>),OnChange:"SelectheadChange"), 
      new JQGridColumn(Name: "Amount",ColHeader: " Amount", DataType: "string",EditType:"text", Width:"45%", IsSortable:false,OnKeyUp:"CalculateTotalAmmount",IsFixed:true, IsResize: true,Hidden:false,IsEditable:true), 
     }, IsPaging: true, PageSize: "8", EditUrl: "/Receipt/KeepGridData", DeleteUrl: "/Receipt/DeleteGridData", IsSortable: true, FooterRow: true, ShowEmptyRows: true, EditType: JQGridEditType.Inline, IsEdit: true, IsDelete: true, IsInsert: true, Width: "900", Height: "200"); 
      @grid2.GetHtml();           
     } 

하지만 난 클릭하면 제 2의 버튼을 추가 그리드 그것은 두 번째 행에 2 번째 그리드의 첫 번째 행이 아니라 미리 감사합니다.

Answer 1

난 당신이 백 엔드에서 모든 것을 처리하는 방법을 잘 모르겠지만, 둘 다 그리드에서 같은 URL을 치는 것 같습니다 :

부하 :

LoadUrl: "/Receipt/GetGridData" 

편집 :

EditUrl: "/Receipt/KeepGridData" 

삭제 :

DeleteUrl: "/Receipt/DeleteGridData" 

내가 틀린 것이 아니라면 기본적으로 데이터에 동일한 인터페이스를 사용하는 두 개의 그리드를 만들었을 것입니다. 다시 말하지만 실제로는 백엔드 페이지가이 두 가지 그리드에서 오는로드, 편집 및 삭제 요청을 처리하는 방식에 따라 다릅니다.