1、Ext.grid.Panel主要配置项
配置项 | 参数类型 | 说明 |
---|---|---|
columns | Array | 表格列配置对象数组,每一个列配置对象都包括header和数据源的定义 |
columnLines | Boolean | 设置true则显示纵向表格线,默认为false |
forceFit | Boolean | 设置true则强制列填充满可利用的空间 |
hideHeaders | Boolean | 设置true则隐藏列标题 |
scroll | Boolean/String | 设置表格滚动条,有效值包括:both、horizontal和vertical。true等效于both,false等效于none,默认为true |
sortableColumns | Boolean | 设置为false则禁用标题排序 |
2、Ext.grid.Panel示例
读取Array格式数据源
代码:
1 2 3 4Ext.grid.Panel 5 6 7 48 49 50 51
效果图:
读取json格式数据源
代码:
1 2 3 4Ext.grid.Panel 5 6 7 48 49 50 51
3、Ext.grid.Panel动态加载数据示例
HTML代码:
@{ Layout = null;}Ext.grid.Panel动态加载数据
cs代码:
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;using Northwind.Domain.Entities;using Northwind.Data;using Northwind.Service;namespace Northwind.Web.Controllers{ public class ProvinceController : Controller { private IProvinceService provinceService; public ProvinceController(IProvinceService provinceService) { this.provinceService = provinceService; } public ActionResult Grid() { return View(); } public JsonResult Index() { return Json(provinceService.GetAll(), JsonRequestBehavior.AllowGet); } }}
效果图: