Grid常用属性

sortable：true   排序

enableColumnMove         是否拖放列

enableColumnResize       是否改变列大小

stripeRows                     每列是否是斑马线分开

loadMask                       加载是加载图标

autoExpandColumn          指定列的宽度自动伸展

viewConfig {forceFit:true}  每列自动充满Grid

sortInfo:{field:"name",direction:"ASC"}  field代表排序列名 direction代表排序方式(ASC升序)

renderer:Ext.util.Format.dateRender('Y-m-d')  日期格式

type:'date',dateFormat:'Y-m-dTH:i:s' 把这列作为日期类型处理

接上：写数据时：'1997-01-13T02:58:09' 添加的一列时间的数据，格式要和下面的dataFormat一样

new Ext.grid.RowNumber()  自动显示行号

<input type="button" id="remove" value="删除第二行"/>

Ext.get('remove').on('click',function(){

store.remove(store.getAt(1));//store.getAt(a)是找到那行内容，a从0开始(及第一行就是0)，删除

grid.view.refresh(); //清除一行信息，最左边显示的行的id重新编号

});

var sm=new Ext.grid.CheckboxSelectModel(); //新建复选框，使用时直接写'sm'

Ext.grid.RowSelectionModel({singleSelect:true})  //设置行是否可shift多选（true为不可以）

只选一行执行

grid.on('click',functio{

var selections=grid.getSelectionModel().getSelections();

for(var i=0;i<selections.length;i++){

     var record=selections[i];

     Ext.Msg.alert('提示',record.get("id")+","+record.get("name")+","+record.get("descn"));

}

});//点击一行就输出该行的信息

grid.getView().scrollToTop();   滚动条滚动到最上边

grid.getView().focusCell(0,0);  焦点定位在第一行第一列

bbar:new Ext.PagingToolbar({

  pageSize:10,   //每页显示信息的条数

  store:store,

  displayInfo:true,  //是否显示数据信息

  displayMsg:'显示第{0}条到{1}条记录,一共{2}条',}  在displayInfo有效的前提上,{0}{1}{2}

中的数据会自己替换

  emptyMsg:"没有记录"  没有数据时显示的信息

});