FlyPig

下载链接：
http://www.blogjava.net/Files/FlyPig/lxf060328.rar

二月份到三月份的时候，我做了一个项目。通过这个项目我认识了Ajax。同时发现使用它没有想象中的难。
关键的地方还是消息返回之后的操作，比如说点查询后，因为没有刷新，就得用返回的xml串重新构建列表。
虽然我还没有看同事写的那一套脚本，但我觉得调用太麻烦了。所以就花了几个晚上赶工写了一些。

这个博客好像不提供附年上传，所以我只好把地址贴在上面了。上传的脚本，主要完成了xml串构建html表格,分页;表单校验.例子在example下。

说明：

一、Xml填充表格:

XmlTable完成的功能，将
<table>
 <data>
  <colName1><![CDATA[value1]]></colName1>
  <colName2><![CDATA[value2]]></colName2>
 </data>
 <data>
  <colName3><![CDATA[value3]]></colName3>
  <colName4><![CDATA[value4]]></colName4>
 </data>
 ...
</table>
格式的XML自填充到页面上的html表里.每个data为一行.<colName{i}>里的数据填充到与表头的id或col的id一致的对应列里.
被填充的表格及表头不用脚本构建的原因，那是因为我觉得这是死的东西。直接写页面上就行了。

XmlTable的调用方法：

点查询的时候调用的方法为：
TableHelper.fillPXTableByQuery(tableName,url,formName,temp);

参数介绍：
talbeName : 要填充的表的id;
url : 向服务器发出请求得到结果集的url;
formName : 查询的表单名
temp : 这只是个临时参数.因为这里是静态文件.分页的数据我直接写在xmlHelp.js的数组里了.表示取哪个数组而已.

点查询的时候xml串的取得是为: url+表单里各项参数的结果.这里因为是静态的，所以我写死在数组里了.

分页的生成方法：
TableHelper.attachXmlTablePageProcess(tableName,url,formName,pageDivName,temp);

参数介绍:
前面同上.
pageDivName : 分页生成所在的Div的id
temp:临时参数.同查询的参数.

二、表单校验：

功能说明：校验表单,支持Enter和上下键.

调用方法：
每个要校验的表单元素加上校验说明,比如说非空即写为:notNull="true",格式必须为正整数的，即写为format="isInt".(这个方法是我一个同事的同事想的，我觉得很好)

body onload的时候调用：var fHandler =FormHelper.attachFormEventHandler(formName);
这会将光标定位在第一个元素上.并在表单元素上附上onblur和onfocus事件.

提交按钮的脚本里调用：
fHandler.validateNGenerateXmlStr();这会校验表单，如果通过，会生成<eleName>eleValue</eleName>..的xml串.

其实我很想有时间来整理一些UI组件，整理一个常用的库出来。不用每次项目中要用到时才赶工写或到处找。可惜额滴水平有限。

这次写脚本，我觉得比起我原来有进步。比如**Helper.get**EventHandler()方法保证页面里对同一个元素处理的类总是只有一个。嘿嘿。。

今天先写到这吧。我好累。最近都工作到好晚，上次写这一些脚本我有一星期一回家就坐电脑前（因为上班没空写），一直写到三四点。这些脚本尚有bug，但我没力气改了。唉。