Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 一页中有多个jqgrid_Jquery_Jqgrid - Fatal编程技术网

Jquery 一页中有多个jqgrid

Jquery 一页中有多个jqgrid,jquery,jqgrid,Jquery,Jqgrid,我在一个页面中有两个jqgrid,但我的问题是,当我单击第一个网格的添加按钮时,第一行进入编辑模式,这很好,但当我单击第二个网格的添加按钮时,第二个网格的编辑模式进入第二个网格的第二行,第二个网格的第一行安装任何解决方案提前感谢 var grid1 = new JQGrid(Name: "ReceiptdetGrid", LoadUrl: "/Receipt/GetGridData", Columns: new List<JQGridColumn>() {

我在一个页面中有两个jqgrid,但我的问题是,当我单击第一个网格的添加按钮时,第一行进入编辑模式,这很好,但当我单击第二个网格的添加按钮时,第二个网格的编辑模式进入第二个网格的第二行,第二个网格的第一行安装任何解决方案提前感谢

 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();                                         
        }
var grid1=newjqgrid(名称:“ReceiptdetGrid”,LoadUrl:“/Receipt/GetGridData”,
列:新列表(){
新的JQGridColumn(名称:“Id”,ColHeader:“Id”,数据类型:“string”,IsSortable:false,IsFixed:true,IsResize:true,Hidden:true,宽度:“0%”,
新的JQGridColumn(名称:“Sno”,ColHeader:“Sno.”,数据类型:“string”,IsSortable:false,宽度:“10%”,IsFixed:true,IsResize:true,Hidden:false),
新的JQGridColumn(名称:“HeadName”,ColHeader:“Head”,数据类型:“string”,IsSortable:true,IsFixed:true,IsResize:true,宽度:“45%”,IsEdit:true,EditType:“select”,项:(ViewData[“headlist”]作为列表),一旦更改:“SelectheadChange”),
新的JQGridColumn(名称:“Amount”,ColHeader:“Amount”,数据类型:“string”,EditType:“text”,宽度:“45%”,IsSortable:false,OnKeyUp:“CalculateTotalAmount”,IsFixed:true,IsResize:true,Hidden:false,IsEdit: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,宽度:“900”,高度:“200”);
@grid1.GetHtml();
}
第二jqgrid

 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();                                         
        }
var grid2=newjqgrid(名称:“instru”,加载URL:“/receive/GetGridData”,
列:新列表(){
新的JQGridColumn(名称:“Id1”,列标题:“Id1”,数据类型:“string”,IsSortable:false,IsFixed:true,IsResize:true,Hidden:true,宽度:“0%”),
新的JQGridColumn(名称:“type”,ColHeader:“type”,数据类型:“string”,IsSortable:false,宽度:“10%”,IsFixed:true,IsResize:true,Hidden:false),
新的JQGridColumn(名称:“HeadName”,ColHeader:“Head”,数据类型:“string”,IsSortable:true,IsFixed:true,IsResize:true,宽度:“45%”,IsEdit:true,EditType:“select”,项:(ViewData[“headlist”]作为列表),一旦更改:“SelectheadChange”),
新的JQGridColumn(名称:“Amount”,ColHeader:“Amount”,数据类型:“string”,EditType:“text”,宽度:“45%”,IsSortable:false,OnKeyUp:“CalculateTotalAmount”,IsFixed:true,IsResize:true,Hidden:false,IsEdit: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,宽度:“900”,高度:“200”);
@grid2.GetHtml();
}

当我选中第一个网格的“添加”按钮时,它会出现,但当我单击第二个网格的“添加”按钮时,它会出现在第二行而不是第二个网格的第一行,提前谢谢

我不确定您是如何处理后端的所有内容的,但看起来您在两个网格中找到了相同的URL:

 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();                                         
        }
负载:

编辑:

删除:

DeleteUrl: "/Receipt/DeleteGridData"
所以,除非我弄错了,否则您可能已经制作了两个网格,它们使用相同的数据接口。同样,这实际上取决于后端页面如何处理来自这两个网格的加载、编辑和删除请求

DeleteUrl: "/Receipt/DeleteGridData"