完成界面的初步修改

      今天完成RESWEBMAP的gis界面初步修改,完成了左侧tabbel页,右侧工具栏,整体的布局使用layout。采用了三个dhtmlx的控件。分别为:

<!-- 加载应用所使用的DHTMLX 控件 2010-10-16 --> <mce:script language="javascript" src="scripts/codebase/dhtmlxcommon.js" mce_src="scripts/codebase/dhtmlxcommon.js"></mce:script> <mce:script language="javascript" src="scripts/codebase/dhtmlxtabbar.js" mce_src="scripts/codebase/dhtmlxtabbar.js"></mce:script> <mce:script language="javascript" src="scripts/codebase/dhtmlxcontainer.js" mce_src="scripts/codebase/dhtmlxcontainer.js"></mce:script> <mce:script type="text/javascript" src="scripts/codebase/dhtmlxtoolbar.js" mce_src="scripts/codebase/dhtmlxtoolbar.js"></mce:script> <link rel='stylesheet' type='text/css' href="scripts/codebase/dhtmlxtabbar.css" mce_href="scripts/codebase/dhtmlxtabbar.css"/> <link rel="stylesheet" type="text/css" href="scripts/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css" mce_href="scripts/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css"></link> <mce:script type="text/javascript" src="scripts/codebase/dhtmlxlayout.js" mce_src="scripts/codebase/dhtmlxlayout.js"></mce:script> <link rel='stylesheet' type='text/css' href="scripts/codebase/dhtmlxlayout.css" mce_href="scripts/codebase/dhtmlxlayout.css"/> <link rel="stylesheet" type="text/css" href="scripts/codebase/skins/dhtmlxlayout_dhx_skyblue.css" mce_href="scripts/codebase/skins/dhtmlxlayout_dhx_skyblue.css"></link> 

采用现成的脚本库,整体风格一致,界面也较美观。

 

      另外在tab页中嵌入了一个新的页面,由于要传入大的参数,所以采用post方式。由于使用了第三方的插件,所以不是很好传,就利用了servlet的context属性,想将参数保存在一个中间变量,再在另一个页面读取这个值。曲线传值。

 

      应该看看脚本的event处理。下一步是检查看看整个页面是否有功能缺陷。对于查询的过程再调研一下。

你可能感兴趣的:(JavaScript,servlet,脚本,layout,工具,stylesheet)