18第十八讲：ExtJS组件之GridPanel下.docVIP

1.表格视图。 ?xml version=1.0 encoding=UTF-8? dataset row id1/id name张三/name age43/age homePage/homePage jianli本人来自**大学。。。。。。/jianli /row row id2/id name李四/name age24/age homePage/homePage jianli本人来自**大学。。。。。。/jianli /row row id3/id name王五/name age45/age homePage/homePage jianli本人来自**大学。。。。。。/jianli /row row id4/id name赵六/name age12/age homePage/homePage jianli本人来自**大学。。。。。。/jianli /row /dataset function showUrl(value){ return a href=http://+value+ target=_blank+value+/a;//// target=_blank在空白页打开链接，注意：target前有个空格 } function showUrl1(value){ return a href= target=_blank+value+/a;//// target=_blank在空白页打开链接，注意：target前有个空格 } function formatAge(value,metadata){ if(value30){ metadata.attr=style=background-color:#CCFFFF; } return value; } Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = ../Ext/resources/images/default/s.gif; //存储器 var store=new Ext.data.Store({ url:data.xml, reader:new Ext.data.XmlReader( {record:row}, [id,name,age,homePage,jianli] ) }); var sm=new Ext.grid.CheckboxSelectionModel(); var colM=new Ext.grid.ColumnModel([ sm, {header:号码,dataIndex:id,sortable:true},//sortable排序 {header:姓名,dataIndex:name,sortable:true}, {header:年龄,dataIndex:age,sortable:true,renderer:formatAge}, {header:个人首页,dataIndex:homePage,sortable:true,renderer:showUrl}//renderer调用函数showUrl //{header:个人简历,dataIndex:jianli,sortable:true,renderer:showUrl1} ]); //表格面板 var gridPanel=new Ext.grid.GridPanel({ id:gridPanel, renderTo:hello, title:员工信息, width:800, height:400, store:store, cm:colM, sm:sm, //sm:new Ext.grid.RowSelectionModel(),//行选择模式 autoExpandColumn:4,//默认自动扩展宽度的字段 bbar:[ { text:获取所选行, handler:function(){ var msg=; var cell=gridPanel.getSelectionModel().each(function(rec){//遍历 msg=msg+rec.get(id)+,+rec.get(name)+,+rec.get(age)+,+rec.get(homePage)+\n; }); alert(msg); } } ], viewConfig:{ enableRowBody:true,//使用行体 getRowClass:function(record,