jBox，实现批量查询

【项目需求】

系统使用人员希望可以根据一批号码查询到对应的信息。组长在其他系统见过类似的功能，就给我直接提供了方案。利用jBox插件，在对话框中输入批量查询的号码，号码间以回车分开，查询的时候，以','标识。

【项目环境】

开发软件：MyEclipse10；数据库：Oracle；项目框架：Struts1；浏览器：IE8.

【jBox学习】

插件说明：

jBox 是一款基于 jQuery 的多功能对话框插件，能够实现网站的整体风格效果，给用户一个新的视觉享受。

运行环境：

兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。备注：IE不支持边框的圆角样式。

使用方法：

在jsp页面上引入相关的jquery和jbox文件。然后根据jBox已有的函数原型写代码就行。

【项目实战】

1.在页面增加批量添加号码的按钮和显示批量号码的文本框。

<td nowrap class="tdtext"><span>批量存单号</span></td><td nowrap class="tdtext" align="center"><input type="text" name="idNo" id="idNo" disabled="disabled" value=""></td><td><input type="button" id="ID_btn" name="ID_btn" value="批量添加存单号" οnclick=addIDNo()></td>

2.点击“批量添加存单号”，加载jBox对话框。

//批量查询多个存单号到对应的input中    function addIDNo(){var html="<div style='padding:10px;'>请输入存单号，存单号之间以回车分开:<textarea id='idno' name='idno' style='height:150px;width:245px'/></div>";var submit=function(v,h,f){var pal=/\r/g;  //全部替换var ek=/\n/g;var id1=f.idno.replace(pal,"");            var ids=id1.replace(ek,",");        if(ids==''){$.jBox.tip("请输入存单号",'error',{focusId:"idno"});return false;}            $("#idNo").val(ids);return true;};$.jBox(html,{title:"批量存单号",submit:submit,width:270,draggable: false});    }

3.确定查询的号码后，显示在文本框中，执行批量查询方法。

//页面上隐藏的表单，然后执行对应的action
<form action="/DataManagerAction.do?action=multiQuery" method="post" id="form1" name="form1" >    <input type="hidden" name="idNos" id="hid" value="${idNos}">
</form>

 //提交表单，批量查询多个订单号function multiQuery(){document.getElementById("hid").value=document.getElementById("idNo").value;document.form1.submit();}

后台查询的语句比较简单，在此就不粘代码了。下面，说说在做这一需求时，遇到的问题。

【问题重现】

jBox对话框加载不出来。出现各种错误，提示jQuery的脚本出错，提示不支持此属性或方法，提示对象不能为空，提示网页上有错误。

这些问题归根结底是两个方面：第一，jQuery没有加载上；第二，浏览器的设置。

上网查了很多资料，就挨个试着改，解决的思路如下：

1.因为项目中用到了模板页面，而我只在操作的页面上引入了jQuery，与其相关的页面都没有引用，这就是上面说到的第一个问题。所以，应该在其它相关页面上把jQuery都引用上，而且引用的脚本顺序也是不能错的。

2.浏览器的问题，IE8兼容性差，与jQuery的脚本不兼容。需要对浏览器进行相应的设置。禁用脚本调试，降低IE安全设置的级别，启用与java相关的设置。

改了这些，才把jBox给弄出来。

【问题升级】

这个功能在我开发用的电脑上算是实现了，我把代码弄到组长电脑上，他就出现了和我之前一样的错误，想想应该是需要设置IE浏览器吧。按照我电脑上的设置，没有用，解决不了问题。这让我又开始怀疑其它方面了。

【一面之缘】

最后我把自己电脑上的IE设置重置了，jBox也不能加载出来了。这么看来，还是浏览器的设置问题。可是，我怎么设置都不行了，总是网页有错误，也不知道当时是怎么弄的就出来了，让人头疼的IE8,让我和jBox仅有一面之缘。最后，解决不了加载jBox的问题，就只能是直接在页面的文本框输入号码，进行批量查询了。

【项目总结】

虽然最后上线不是用jBox对话框，但我还是学习到了jBox这个新东西的，至少有了一次做出来的经历。我想，换个浏览器，加载jBox就不成问题了的。以后，应该还是会有用的到的地方滴。

jBox，实现批量查询相关推荐

mongo go 查询指定字段_Go语言操作MongoDB数据库批量查询
数据操作是编程中避免不了的操作,这也就牵扯到了数据库的增删改查,而实际工作中我们最常用到的是增改查.今天要介绍的是Go 语言查询MongoDB数据库. 操作mongodb使用的包是"http ...
SAP IQ09 可以批量查询序列号数据
SAP IQ09 可以批量查询序列号数据事务代码IQ09,输入物料号等信息, 执行, 修改Layout,增加显示'批次'与'库存批次'字段信息, 回车, 正常情况下,物料的序列号主数据里,主批次字段 ...
2批量批量查询数据插入数据_Excel如何快速对数据批量查询，vlookup+match函数高效完成工作...
工作中当出现匹配多次数据时,此时我们就需要更改vlookup函数的第三参数,更改查询的列数.此时你是否在想我手动改就可以了.当然如果查询次数不多时,这也是一种方法.下面将用vlookup+match一 ...
elasticsearch版本不同，批量查询也不相同
网上搜到批量查询可以通过TransportClient实现,但官方推荐使用RestHighLevelClient实现注意: We plan on deprecating the TransportC ...
python批量查询数据库_Python + MySQL 批量查询百度收录
做SEO的同学,经常会遇到几百或几千个站点,然后对于收录情况去做分析的情况那么多余常用的一些工具在面对几千个站点需要去做收录分析的时候,那么就显得不是很合适. 在此特意分享给大家一个批量查询百度收录 ...
批量查询，mget语法，mget批量查询（来自学习资料，第26节）
1.批量查询的好处一条一条的查询,比如说要查询100条数据,那么就要发送100次网络请求,这个开销还是很大的如果进行批量查询的话,查询100条数据,就只要发送1次网络请求,网络请求的性能开销缩减1 ...
26、ES中使用mget批量查询api（学习笔记，来自课程资料 + 自己整理）
1.批量查询的好处一条一条的查询,比如说要查询100条数据,那么就要发送100次网络请求,这个开销还是很大的,如果批量查询的话,查询100条数据,就只要发送1次网络请求,网络请求的性能开销缩减100 ...
php设计分布图,MySQL分表实现上百万上千万记录分布存储的批量查询设计模式[图]_MySQL...
我们知道可以将一个海量记录的 MySQL 大表根据主键.时间字段,条件字段等分成若干个表甚至保存在若干服务器中. 唯一的问题就是跨服务器批量查询麻烦,只能通过应用程序来解决.谈谈在Java中的解决思路 ...
hibernate批量查询_使用Hibernate批量获取
hibernate批量查询如果需要从Java处理大型数据库结果集,则可以选择JDBC,以提供所需的低级控制. 另一方面,如果您已在应用程序中使用ORM,则回退到JDBC可能会带来一些额外的麻烦. 在 ...

jBox，实现批量查询

jBox，实现批量查询相关推荐

最新文章

热门文章