在做搜索界面的时候,本来想着已经逐步完成了,
1、ext grid放置到了页面的,并且实现了根据后台返回的列,返回的数据动态生成表格。
2、文档搜索,页面可以实现分页功能,并且实现了上一页,下一页功能;
3、利用jqueryUI 的 autocomplete 实现了搜索输入框内容可以对用户输入的检索词进行提示功能;
但是,经过测试,出现了非常严重的问题,在页面上看,就是第一次点击“搜索”按钮,所有功能展现没有问题,但是等我把搜索词进行替换,再次点击 搜索按钮时候,出现了奇怪的问题,只能显示部分静态页面,以及文档部分,(ext grid以及 分页模块)均不能显示,打开火狐的 friebug可以看到错误已经非常多,而且不断地新增
大致如下:
TypeError: Element.prototype.styleHooks is not an object or null
TypeError: Ext.fly(...).findParent is not a function 这个错误的数量不断递增;
这时候习惯性的将错误提交百度搜索,可是,没有正确的答案;
接下来只能硬着头皮,慢慢排查。
1、首先 我把今天上午做的 关于 自动提示的功能,引入的 js\css文件等全部注掉,但是错误依然存在;
2、经过反复 alert, 注释代码,终于发现了问题在 ext-all-debug.js 的放置位置期初放置在 2.jsp由于 1.jsp是通过 语句,将 2.jsp作为 1.jsp的某个div的元素的内容,这时候,不知道实际原因是什么,就会报错,既然是引入的外部的js,索性,全部放置在1.jsp,问题解决。
3、将全部功能逐步恢复。