function createGrid(){
var sm = new Ext.grid.RowSelectionModel() ;
sm.addListener('rowselect',function(theSelect, rowIndex, r){
alert('你选中了第' + ++rowIndex + '行') ;
alert(r.get('name')) ;
}) ;
var colModel = new Ext.grid.ColumnModel([
{ header: "id", width: 60 , dataIndex : 'id' , align: 'right' , resizable : false ,hidden : true},
{ header: "name", width: 150, dataIndex : 'name' , resizable : false},
{ header: "sex", width: 50, dataIndex : 'sex',resizable : false,renderer:function(value){
if(value == 'male'){
return "<span style='color:red'>男</span>" ;
}else{
return "<span style='color:green'>女</span>" ;
}
}
},
{ header: "descn", width: 100, dataIndex : 'descn', resizable : false}
]);
var data = [
['1' , 'cavin' , 'male','hibernate'],
['2' , 'rod' , 'male','spring'],
['3' , 'ayi' , 'female','struts']
] ;
var ds = new Ext.data.Store({
proxy : new Ext.data.MemoryProxy(data) ,
reader : new Ext.data.ArrayReader({
idIndex: 0
}, [
{name: 'id' },
{name: 'name'},
{name: 'sex'},
{name: 'descn'}
]
)
}) ;
var grid = new Ext.grid.GridPanel({
store: ds,
cm : colModel,
width: 400,
height: 100,
sm : sm,
stripeRows : true
});
ds.load() ;
grid.render('grid') ;
}
var myPageSize = 10;
- 大小: 18 KB
分享到:
相关推荐
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
NULL 博文链接:https://xiaohewoai.iteye.com/blog/409898
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。
业务场景,需要实现最终效果图如下: GridPanel代码如下配置: 代码如下: { xtype : ‘grid’, id : ‘grid_jglb’, frame : true, region : ‘center’, title : ‘列表详细信息’, columnLines : true, loadMask :...
主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
掌握获取 GridPanel 当前行的各个字段值的方法,需要的朋友可以参考下。
Ext GridPanel加载完数据后进行操作,比如load数据之后选定某些行数据,下面有个示例,需要的朋友可以参考下
介绍了gridpanel动态加载数据的实例代码,有需要的朋友可以参考一下
Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....
ExtJs GridPanel中实现增删改效果的代码,需要的朋友可以参考下。
博文链接:https://zjnbshifox.iteye.com/blog/147574
表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.ColumnModel定义、而表格的数据存储器由Ext.data....
Extjs gridpanel 出现横向滚动条问题的解决方法,在gridpanel中加入以下代码即可。