WebService结合ExtJS创建资料列表查询器(4)

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

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库WebService结合ExtJS创建资料列表查询器(4)在线全文阅读。