EXTJS学习总结.docVIP

EXTJS格式化输出日期 1.要确定日期都有哪些(例如：1970-01-15 只有年月日，或者1970-01-15 02:58:04还有时分秒) 2.确定日期后创建store的reader时要添加type:date,dateFormate:Y-m-d有时分秒的为dateFormat: Y-m-d H:i:s 3.在GridPanel中显示时列信息要加上renderer:Ext.util.Format.dateRenderer(Y年m月d日)就可以按照自定义格式输出了 ExtJS中获取grid的行和列 1.要确定选择模型： sm:new Ext.grid.RowSelectionModel({singleSelect:true})或者用 sm:new Ext.grid.CellSelectionModel() 2.在listeners中编写事件处理 cellclick : function(grid,rowIndex,cellIndex,e){//对性行选择模式(Ext.grid.RowSelectionModel) var row=grid.getSelectionModel().getSelected();//获取列 var idx=grid.store.indexOf(row);//获得行索引 var record=grid.getStore().getAt(rowIndex);//获取记录集(row和record应该是一回事) var fieldname=grid.getColumnModel().getDataIndex(cellIndex);//获取列名字 Ext.Msg.alert(record.get(fieldname));//输入信息 }， celldblclick:function(grid,rowIndex,cellIndex,e){//对应列选择模式(Ext.grid.CellSelectionModel) var cell=grid.getColumnModel().getDataIndex(cellIndex); Ext.Msg.alert(cell); } EXTJS中grid的分页显示 1.创建一个从后台获取数据的store,本地数据可以使用Ext.ux.data.PagingMemoryProxy()(该类的使用需要到EXT的examples/ux/PagingMemoryProxy.js找到，引用时要导入) 2.创建一个GridPanel, bbar:new Ext.PagingToolbar({//分页 store:store,//数据 pageSize:10,//每页要显示数据条数 displayInfo:true,//是否显示数据 displayMsg:显示{0}-{1}条,共{2}条,//显示分页信息 emptyMsg:没有数据 }) 3.加载store时应该传入参数store.load({params:{start:0,limit:10}}); EXTJS的borderLayout布局 1.border布局分为：east东south南west西north北center中5个区域有region属性设置。 2.布局中center为自动计算大小(是 border布局必须设置的),south,north只能设置高度,west,east只能设置宽度 3.margin属性设置的为外边距,4个值的设置顺序为：top,right,left,bottom依次为顺时针上右下左。 (1)如果 margin 只有三个值，按照值的顺序为 margin：top right bottom; 缺少了 left，根据原则，则left的值有right 来代替。margin:10px 20px 30px; 就等于 margin:10px 20px 30px 20px; (2)如果 margin 只有两个值，按照值的顺序为 margin：top right; 缺少了 bottom 和 left，根据原则left的值由right 来代替，bottm 的值由 top 来代替。margin:10px 20px; 就等于 margin:10px 20px 10px 20px; (3)如果 margin 只有一个值，按照值的顺序为 margin:top; 缺少了 bottom、left 和 right，根据原则left的值由right 来代替，bottom 的值由 top 来代替，right 的值右 top 来代替，也就是说 left 的值也由 top 来代替。margin:10px