Ext的部分Grid属性设置

forceFit：是否强制列调整宽度使得不出现水平滚动条，默认是false。
enableRowBody：为true的时候允许每行增加一个tr元素用来扩展数据行。
showPreview：自定义的bool类型的属性，用来在代码中控制是否显示预览。
getRowClass：这是一个方法，用来改写行的css样式，它有四个参数，第一个是代表该行数据的Record对象，第二个是行的索引，第三个就是enableRowBody设置true时传递进来的
参数，可以通过该参数的body属性扩展行数据。该方法应当返回一个css类名。我们的例子中，根据showPreview的值来动态显示文章的摘要信息。

border: false, //grid的边界
autoHeight: true, //grid的高度是否要用指定的高度
enableColumnMove: false, //grid的列是否可以移动
enableHdMenu: false, //在列的header是否要有下拉菜单
trackMouseOver: true, //当鼠标移过行时，行是否要highlight
stripeRows: true, //让grid相邻两行背景色不同

 

创建简单的Grid  demo

//数据信息
 var data=[["dddfdsfsd","80","80","80"],
           ["ddd","80","80","80"]];
 this.store=new Ext.data.SimpleStore({data:data,fields:["vehicleKindString","guodao","shendao","putong"]});
 //数据显示
 var dataGrid=new Ext.grid.GridPanel({
  tbar: ['<b style="color:#15428B">「限速设定」</b>', '->'],
  border:false,
  store:this.store,
  cm: new Ext.grid.ColumnModel([
            new Ext.grid.RowNumberer(),  //自动行号
            {header: '汽车名称', dataIndex: 'vehicleKindString',width: 90},
            {header:'速度1', dataIndex: 'guodao',width: 90},
            {header: '速度2', dataIndex: 'shendao',width:90},
            {header: '速度3', dataIndex: 'putong',width: 90}
  ])
 });