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