JQuery果然很强大

最近这几天有空写网站,本以为会把大部分时间用在业务逻辑上,基本上抛弃界面部分.可要实现一些基本的操作,js还是跳不过去,没办法,上网搜吧.

首先是ajax,这东西没必要自己再封装一遍,有现成的当然直接拿来用,于是下了个mini的jquery装上,开始一直是路径不对,找了个html的demo对比了一下,简单改改就可以了,很方便.$.post就得.

第二步,想要显示列表,由于是ajax传过来的数据,不能用jsp了,因此用json这种轻量级的格式会方便很多,jquery本身就支持.也许会有部分字符不支持,暂时不考虑那么多了,先拿来用着.java段首先要引入几个包,主要是json-lib的包和apach-commons下的一些,开始搞了半天总是报多个包中有同一个类的异常.查了一下是struts下的包有冲突.索性都卸掉,一个一个往上装,配好就能用了.暂时环境有点乱,等有空有必要把需要的包都集中到lib下面去.最近可能会还系统,还要上spring,就先缓缓再处理了.

第三步,显示部分加入拖拽的功能,找了几个例子,一个interface.js比较吸引人,是以jquery插件形式开源的,抓过来用吧.界面上只要配置一个Sortable就可以了.给方法体onChange加了个显示隐藏的功能,这样就可以实现在拖拽数据时,列表A内隐藏input,拖到列表B后显示出全部input供提交.

 

 

第四步,提交表单数据时,取列表中的input部分,其他的数据从界面上传更方便些,于是打算也用json回传给servlet.拼dom时总是没办法把一个隐藏的input放到隐藏的div下面,去掉这个隐藏的input,其他的input又可以正常隐藏掉.暂时跳过这个先不考虑了,计划解决.数据串行化也是用了一个组件,调用很简单$.toJson(...)

 

打算要做的工作,输入和显示前面的功能基本可以了,汇总数据后,有必要提供一些可视化的显示方式,用jfreechar太笨拙,要生成图片.IO处理会搞掉脆弱的硬盘,数据传输量也会太大.白天一直在考虑这个问题,要不用flex,要不用js,回来找了一下,看jquery的flot不错,基本满足要求了.居然又是jquery的,果然很强大啊.看来有必要多下点功夫了.