EOS中，Web页面框架中所有标签类及js命名

 

EOS WEB页面框架包括JSP Tag标签库、HTML CSS样式单、JavaScript几大部分构件资源，主要是供用户在开发WEB应用的时候引用。

（一）JSP Tag标签库，包括七大类：

1.        Bean读写类：提供JSP自动与Bean交互的机制。
l           < bean : write >用于输出只读字段

2.        Html页面展现类：用来创建或改变动态的用户界面，自动的从界面搜集数据和把数据显示到界面 , 每一个 Tag 对应一种界面元素。

l         < html : table >:     产生 HTML 语句：< table …>< tr >< td /></ tr ></ table >

l         < html : checkbox >:  产生 HTML 语句：< input type =" checkbox "…>

l         < html : form >:      同 HTML 语句：< form …>，初始化参数

l         < html : hidden >:    产生 HTML 语句：< input type =" hidden "…>

l         < html : link >:      产生 HTML 语句：< a …>

l         < html : linkparam >: 产生 HTML 语句：< a …>中后的参数

l         < html : html >:      同 HTML 语句：< html …>，初始化数据

l         < html : option >:    产生 HTML 语句：< input type =" option "…>

l         < html : options >:   产生一组 option

l         < html : password >:  产生 HTML 语句：< input type =" password "…>

l         < html : radio >:     产生 HTML 语句：< input type =" radio "…>

l         < html : select >:    产生 HTML 语句：< input type =" select "…>

l         < html : text >:      产生 HTML 语句：< input type =" text "…>

l         < html : textarea >:  产生 HTML 语句：< input type =" textarea "…>

l           < html : info >:      用于输出出错信息

3.        Info页面提示类：用来把信息以提示对话框的形式展示。

l         < info : alert >错误提示标签，提供信息提示的标签

l          < info : confirm >问题确认标签标签，在页面中显示 windows 标准提问窗口

4.        Logic逻辑判断类：用于处理循环等重复性的输出处理，以及条件判断等流程管理。

l         < logic : equal >判断两个比较对象是否相等

l         < logic : greaterEqual >判断变量大于等于指定值

l         < logic : greaterThan >变量大于指定值，则继续 Tag 中的处理

l         < logic : iterate >循环处理指定 list 中的 entity

l         < logic : lessEqual >判断变量小于等于指定值,变量小于或等于指定值，则继续 Tag 中的处理

l         < logic : lessThan >判断变量小于指定值变量小于指定值，则继续 Tag 中的处理

l         < logic : match >变量与指定的值匹配（包含指定的值），则继续 Tag 中的处理

l         < logic : notMatch >变量与指定的值不匹配，则继续 Tag 中的处理

l         < logic : notEqual >判断变量不等于指定值.变量不等于指定值，则继续 Tag 中的处理

l         < logic : notPresent > Xpath 定位不到值，则继续 Tag 中的处理

l         < logic : present > Xpath 定位到值，则继续 Tag 中的处理

5.        Webframe框架类：用于页面的布局控制。

l          <eos:webframe/>实现页面的框架控制，支持上下以及左右风格，其中上下结构的下半部分以及左右结构的左半部分和右半部分分别以IFRME的形式显示，其显示的风格由模板文件控制

6.        Eos复杂页面展现类：用于展示复杂的页面逻辑。

l          <eos:tabframe />显示的TAB内容以IFRAME的形式显示，每一个TAB都在同一个IFRAME中显示，其URL根据标签中url和property的组合生成。这样可以达到每个TAB页的分别提交

7.        菜单类：实现不同类型的菜单。

l          <eos:popmenu/>在指定的区域实现右键菜单的显示，同时可以设置弹出菜单项对应的URL及目标 Target

l          <eos:tabMenu/>菜单以TAB页面的形式显示，数据源封装在menuContext中，以三层菜单显示

l          <eos:dropMenu>菜单以下拉形式显示，数据源封装在menuContext中，以三层菜单显示

l          <eos:treeMenu>菜单以树状形式显示，数据源封装在menuContext中，以三层菜单显示

8.       Dict 数据字典展现类：用于数据字典的交互。

l         < dict : write >业务代码翻译标签,提供将业务代码翻译成中文描述的标签

l         < dict : select >业务代码选择标签提供将业务字典中的代码以 select 方式给用户选择

l         < dict : multicheckbox >业务代码多选标签多选的 checkbox ，主要是解决基于数据字典的多选值存放在一个字段中的问题

l          <dict:radio>数据字典显示成Radio样式

9.       其他类：实现复杂 sql 语句等

l         < eos : enum />对 resultset 进行遍历

l         < eos : field />每个数据的显示

l         < display : table />把 DOM 中的数据以表格的形式进行展示，支持分页、排序、数据字典的翻译、字段以 text ， checkbox 的不同风格显示，支持字段的超链接

l         < eos : tree />封装树

l         < eos : entitytable >实现利用 DOM 中的数据显示成一表单，支持数据字典的显示，和字段以不同的风格进行显示，可以设置一行中的列数

l         < eos : tab > TAB 页的实现，实现多 TAB 页的同时提交

l         < eos : chart >把数据按图形显示，支持饼图、折线图、直方图、3 D 直方图、水平直方图，              重叠直方图、3 D 重叠直方图

l         < eos : error >提供错误信息的统一处理

l         < eos : css >提供查找 css 文件的 tag

（二）HTML CSS样式单，提供默认三种样式，具体css文件部署位置通过 <eos:css>来查找

l         TABLE . query ：针对输入查询条件的 table 的样式

l         TABLE . add ：针对增加、修改的 table 样式

l         TABLE . result ：针对查询结果的 table 样式

（三）JavaScript资源

10.     菜单js资源：

l          config_var.js/ menu_com.js结合 <eos:dropMenu>形成下拉菜单

l          treemenu.js结合<eos:tree>形成树形菜单

l          tabmenu.js结合 <eos:tabMenu>形成TAB菜单

11.     日历js资源：

l          calendar.js弹出式日历

l          various_calendar.js下拉式日历

12.     用于检查网页提交表单的输入数据的js资源（check.js）        

l          检查输入手机号码是否正确（checkMobile）

l          检查输入字符串是否符合正整数格式（isNumber）

l          检查输入字符串是否是带小数的数字格式 ,可以是负数（isDecimal）

l          检查输入字符串是否符合金额格式（isMoney）

l          检查输入字符串是否只由英文字母和数字组成（isNumberOrLetter）

l          检查输入的日期是否符合 yyyyMMdd（isDate）

l          检查输入的起止日期是否正确，规则为两个日期的格式正确（checkTwoDate）

l          检查输入的Email信箱格式是否正确（checkEmail）

l          检查输入的电话号码格式是否正确（checkPhone）

l          检查复选框被选中的数目（checkSelect）

l          得到输入值得字节数（getTotalBytes）

l          得到被选中得checkbox的值（getFirstSelectedValue）

l          选择所有checkbox（selectAll）

l          使选择了checkbox得不选中（selectInverse）

l          检查输入的起止日期是否正确，规则为两个日期的格式正确或都为空（checkPeriod）

l          字符串去空格的函数（cTrim）

13.     验证表单中的数据项checkForm.js

14.     在页面上显示工作流流程图Graphic.js

15.     级联显示数据level2_select.js，支持两级级联和三级级联

16.     创建窗口openWin.js弹出模式窗口，此功能只能在IE5.0以上浏览器使用。弹出窗口的风格为居中，没有状态栏，没有IE按钮，菜单 ,地址栏

17.     分页查询pagination.js，控制分页的显示、提交

18.     打印print.htm，将查询出来的结果在页面上显示无风格的HTML表格并可打印

19.     显示进度条progress.js，在做操作比较久的动作中，可弹出一个“请等待”的页面显示，在做完操作后，该页面可自动消除掉

20.     页面排序sortTable.js，在查询出来的结果中，用来在表格中对指定的列进行页面级排序（升序、降序）

　　TAB 显示和切换 tab . js ，结合普元< eos : tab >生成多个 TAB ，然后将 TAB 相互切换，显示本 TAB 的页面内容