ExtJS表格示例

2024-12-21 技术教程

<linkrel="stylesheet"type="text/css"href="ext-3.1.0/resources/css/ext-all.css"/><scripttype="text/javascript"src="ext-3.1.0/adapter/ext/ext-base.js"></script><scripttype="text/javascript"src="ext-3.1.0/ext-all-debug.js"></script><scripttype="text/javascript"src="js/overLoad.js"></script><scripttype="text/javascript"src="ext-3.1.0/ext-lang-zh_CN-min.js"></script><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/><metahttp-equiv=”X-UA-Compatible”content=”IE=EmulateIE8″/><metahttp-equiv="Cache-Control"content="no-store"/><metahttp-equiv="Pragma"content="no-cache"/><metahttp-equiv="Expires"content="0"/><scripttype="text/javascript">Ext.BLANK_IMAGE_URL='ext-3.1.0/resources/p_w_picpaths/default/s.gif';</script><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title></title><STYLETYPE="text/css">#content{width:100%;height:100%;}.add{background-p_w_picpath:url(p_w_picpaths/icon/add.gif)!important;}.update{background-p_w_picpath:url(p_w_picpaths/icon/update.gif)!important;}.delete{background-p_w_picpath:url(p_w_picpaths/icon/delete.gif)!important;}.assign{background-p_w_picpath:url(p_w_picpaths/icon/list-items.gif)!important;}.ux-combo-selectall{padding:3px;}.ux-combo-selectall-icon-checked{background:transparenturl(ext-3.1.0/resources/p_w_picpaths/default/menu/checked.gif);}.ux-combo-selectall-icon-unchecked{background:transparenturl(ext-3.1.0/resources/p_w_picpaths/default/menu/unchecked.gif);}.ux-combo-selectall-icon{text-indent:1.8em;background-position:3px2px!important;background-repeat:no-repeat!important;height:22px;line-height:20px;font-size:12px;font-weight:bold;-moz-user-select:none;}.ux-lovcombo-icon{width:16px;height:16px;float:left;background-position:-1px-1px!important;background-repeat:no-repeat!important;}.ux-lovcombo-icon-checked{background:transparenturl(ext-3.1.0/resources/p_w_picpaths/default/menu/checked.gif);}.ux-lovcombo-icon-unchecked{background:transparenturl(ext-3.1.0/resources/p_w_picpaths/default/menu/unchecked.gif);}/*IEpatch*/.ext-ie.ux-lovcombo-item-text{position:absolute;left:16px;top:3px;}.ext-ie.ux-lovcombo-icon{float:none;}.ext-ie.x-combo-list-item{position:relative;}</STYLE><scripttype="text/javascript"src="js/Ext.ux.form.LovCombo.js"></script><scripttype="text/javascript"></script></head><body><divid="content"><divid='panel-div'></div></div></body></html>

后台：

/**计算装机量（分地市）**///http://localhost:8080/smartjsmgr/statistiweb.sp?method=getInstallSiteByArea@RequestMapping(params="method=getInstallSiteByArea",method=RequestMethod.POST)publicModelAndViewgetInstallSiteByArea(HttpServletRequestrequest,HttpServletResponseresponse){Map<String,Object>map=newHashMap<String,Object>();List<Statistiweb>list=newArrayList<Statistiweb>();try{list=statistiwebService.getInstallSiteByArea();if(list.size()>0){map.put("date",list);map.put("success","true");}else{map.put("success","false");}}catch(Exceptione){//TODO:handleexceptione.printStackTrace();logger.error("查询计算装机量（分地市）失败！！！");}returnnewModelAndView("jsonView",map);}