layout:'table',
buttonAlign:'center',
layoutConfig:{colspan:3},buttons:[{text:'搜寻',handler:function(){
varfileName=Ext.get('fileNameKeyword').dom.value;
listPlanInfo(folderNameTxt,fileName);
}},{
text:'重置',
handler:function(){
Ext.getCmp('rform').form.reset();}}]})]});
//Panelforthewest
varnav=newExt.Panel({id:'leftPanel',
title:'规划文件列表',region:'west',split:true,width:'30%',collapsible:true,items:[rform],margins:'3033',cmargins:'3333',autoScroll:true});
varwin=newExt.Window({
title:"规划资料列表--"+folderNameTxt+""+fileName,
id:"listInfoWin",closable:true,width:900,height:550,frame:true,plain:true,
items:[nav,tabs],maximizable:true,layout:'border'});
grid=newExt.grid.GridPanel({title:"",cm:colM,store:store,
loadMask:{msg:"数据加载中...."},id:"listInfoGrid",autoScroll:true,
autoHeight:true,layout:"fit",width:'100%',viewConfig:{forceFit:true}});
grid.addListener('rowdblclick',rowdblclickFn);grid.addListener('rowclick',rowdblclickFn);functionrowdblclickFn(grid,rowindex,e){
grid.getSelectionModel().each(function(rec){tabs.remove(tabs.get(0));tabs.add([{
title:rec.get("name"),region:"center",activeTab:0,frame:true}]);
tabs.get(0).html="<iframesrc='"+rec.get("
path")+"'width='100%'height='100%'frameborder='0'scrolling='auto'onclick='openDetail(\""+rec.get("path").replace(/\\/g,"\\\\")+"\")';style='overflow:auto'></iframe>";
tabs.setActiveTab(0);});}
win.items.get("leftPanel").add(grid);win.show();}else{
grid.reconfigure(store,colM);}}
5实现效果
以下是资料列表查询器查询jpg、mht和xml文件的演示
结果，如图2~图4所示。
图2
（下转第58页）
选择jpg格式文件显示内容
2010.21
55