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:"没有记录" 没有数据时显示的信息
});