نمایش Subgrid در jqGrid
نویسنده: وحید نصیری
تاریخ: ۱۳۹۳/۰۵/۰۷ ۱۱:۲۰
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
$('#list').jqGrid({
caption: "آزمایش یازدهم",
// ...
jsonReader: {
// ...
subgrid: { root: "Rows", repeatitems: true, cell: "RowCells" }
},
// ...
subGrid: true,
subGridModel: [{
name: ['شرکت', 'آدرس', 'کد پستی', 'شهر', 'کشور', 'تلفن', 'وب سایت'],
width: [100, 100, 100, 100, 100, 100, 100],
align: ['center', 'center', 'center', 'center', 'center', 'center', 'center'],
params: ['@(StronglyTyped.PropertyName<Product>(x=>x.Name))']
}],
subGridOptions:{
reloadOnExpand : false //load only once
},
subGridUrl: '@Url.Action("GetGetSupplierData", "Home")'
}); public ActionResult GetGetSupplierData(int id, string name)
{
var list = ProductDataSource.LatestProducts;
var products = list.Where(x => x.Id == id).ToList();
if (!products.Any())
return Json(null, JsonRequestBehavior.AllowGet);
var productsData = new JqGridData
{
Rows = (products.Select(product => new JqGridRowData
{
Id = product.Id,
RowCells = new List<string>
{
product.Supplier.CompanyName,
product.Supplier.Address,
product.Supplier.PostalCode,
product.Supplier.City,
product.Supplier.Country,
product.Supplier.Phone,
product.Supplier.HomePage
}
})).ToList()
};
return Json(productsData, JsonRequestBehavior.AllowGet);
}