在老ISM**系统上开发一个新需求的功能，前后台一个人包办的。技术点：
1.ext 技术——用extjs 做了开始查询界面。
由于刚开始接触，研究了下ext ，结合原系统风格，做了ext grid的一个数据表格查询。老系统的ext 的grid数据来源都是action刷新页面的，我仔细尝试了用老系统的ext实现ajax数据查询。老ISM**后台参数接受是通过配置好的ActionContext参数穿的，必须写在指定的xml中。没办法，我又改了 ext 参数接收方式：store.on('beforeload', function () { store.baseParams = {//参数 } ;});。改了ext下ajax url的书写格式，以及修改后台接受格式，就能实现了。经过这个功能，ext 查询，分页，grid格式都了解了一遍。
2.Map解析技术——动态合并数据表格。
第二个页面是要求在前三列要合并'行'的同类项的，且这三列是有父子关系的，页面看上去是树形结构，数据有4级父子关系。把数据的展现形式与Map数据类型联系起来，就和实现了。（我曾在页面对数据库每一行数据做判断，然和再合并。尽管后台查的数据可以排好序，但依旧很难写，特别是有多级关系的时候）。前3列的内容分别放Map中的key，下一级内容放在value中。我的Map是这样定义的：Map<String, Map<String, Map<String, List<TtWorkListItemPO>>>> ，它有3个“Map”，3个“String” key，List<TtWorkListItemPO>存的是每一行后面所有列的数据集合。
3.JS实现可编辑的表格——在页面上直接修改表格数据后就可以保存。
在上面提到过的树形页面上，用户可以直接修改页面表格内的数据内容，再保存。可修改的列，有的是日期，有的是下拉列表，有的是多行文本框。刚开始想把表格元素都设成textarea类型，可结果不理想，就仔细找了些资料，从网上找的并改写了一个JS文件（ GridEdit.js）。这个JS工作原理：在动态生成数据表格元素是，指定每一个单元格的'类型'（用EditType属性标记），然后再页面加载完后，给每一个单元格根据它的EditType添加对应的‘单击’响应时间，然后再事件里对每一种类型的单元格的输入输出做判断、以及修改框的样式。这样，在页面修改方便而高效，客户认可。