Extjs学习小结

Ext在GridPanel中添加修改、删除操作

var cm = new Ext.grid.ColumnModel      //数据列模型
([ 
     {id:'operate',header:"操作",dataIndex:"operate",align:'center',renderer:opeartionRender}              
]);

 

var opeartionRender=function(dataGrid, rowIndex, columnIndex, e)
{                
     var record = dataGrid.getStore().getAt(rowIndex); 
     var fieldName = dataGrid.getColumnModel().getDataIndex(columnIndex); 
     var data = record.get(fieldName);  
     return '<a href="#" onclick="delUser()">删除</a>';  
} 

window.delUser=function()
{  
     alert("开始删除");
} 

显示效果如下：

 

Ext修改label字体等样式

xtype: 'label', 
text: 'Below Item Comparison Report', 
style : 'font-size:24px', 
x: '5%', 
y: '25%' 

除了在这设定字体大小，还可以设定颜色，字体风格等。

 

Ext中如何获取文本域的值

var xxx = Ext.getCmp("searchfield").getValue();

searchfield为文本域的ID;

 

ext gui designer for eclipse

http://code.google.com/p/extbuilder/wiki/UserGuide