中文教程

ExtJs4新发现08_改变字体大小提示

Posted 周一, 12/03/2012 - 16:35 by admin

Ext.EventManager.onTextResize(function(oldsize,newsize){
//改变字体大小提示
alert('oldsize:'+oldsize+'newsize:'+newsize);
});

ExtJs4新发现07_监听键盘事件

Posted 周一, 12/03/2012 - 16:34 by admin

Ext.get('text').on('keypress',function(e){
//监听键盘事件
if(e.charCode==Ext.EventObject.SPACE){
Ext.Msg.alert('info','空格');
}
});

其他还有类似事件,keyup,keydown等

ExtJs4新发现06_改变窗口宽高提示

Posted 周一, 12/03/2012 - 16:32 by admin

Ext.EventManager.onWindowResize(function(width,height){ //改变窗口的时候会提示出窗口的宽高 alert('width:'+width+',height:'+height); });

ExtJs4新发现05_grid获取checkbox的值

Posted 周一, 12/03/2012 - 16:29 by admin

grid每列前面加checkbox： （我用的而是第一种，后台一个string数组接受就可以了）
一般的grid使用一个Ext.grid.ColumnModel就可以了，要加入一个多选的列，一种方法是加入一个多选列模板Ext.grid.CheckboxSelectionModel：
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel(
[
sm,
{id:'company',header: "Company", width: 60, sortable: true, dataIndex: 'company'},
]
);
另外，实例化EditorGridPanel时还必须指定这个sm为selModel.

ExtJs4新发现04_grid 单击事件

Posted 周一, 12/03/2012 - 16:26 by admin

EXTJS GRID 中 单击行和单元格获得行或者单元格的内容(数据)

grid.addListener('cellclick',cellclick);

function cellclick(grid, rowIndex, columnIndex, e) {
var record = grid.getStore().getAt(rowIndex); //Get the Record
var fieldName = grid.getColumnModel().getDataIndex(columnIndex); //Get field name
var data = record.get(fieldName);
Ext.MessageBox.alert('show','当前选中的数据是'+data);
}

聚合内容