前端问题积累

这两天一直在该前端的一些bug，修改的过程中也逐渐清楚了一些以前模糊的知识，这里记录一下。

一、javaScript的onchange和onblur事件

<input class="easyui-validatebox" readonly="readonly" οnchange="isExistBuildTypeCode(this)"></input> //第一种写法

<input class="easyui-validatebox" readonly="readonly" οnblur="isExistBuildTypeCode(this)"></input>   //第二种写法

  原来觉得差不多，后来才发现作用很不同。编辑的时候，需求上是建筑代码不可以修改，处于Readonly状态，如果使用onblur，如果建筑代码重复，文本框就会被清除，就不是Readonly状态了。所以这里需要使用onchange事件 。

简单来说，onblur是输入焦点失去；onchange是内容发生改变
第一种写法：
onblur 是在你光标焦点只要离开调用方法的文本框就执行isExistBuildTypeCode(this);
第二种写法和第一种不同的在于第二种不只光标离开时会调用isExistBuildTypeCode(this)方法，在改文本框的值发生改变时也调用了该方法。也就是说在你光标焦点离开的时候里面的值发生改变的话那么isExistBuildTypeCode(this)方法会被调用两遍。
二、遮罩效果

登录admin账号，进入场所管理，点击建筑管理，点击添加按钮，弹出窗口，在不关闭窗口的情况下，基础界面依然可以进行操作。

解决方法
data-options中加modal:true
modal 是否将窗体显示为模式化窗口
closed 是否可以关闭窗口 。modal:是否生成模态窗口。true[是] false[否]。相似的一个属性，shadow:是否显示窗口阴影。true[显示] false[不显示]

很好地参考博客：easuy使用和注意的一些问题    

参考easyui消息框

3，多个滚动条显示

进入场所管理，点击“建筑管理”，将建筑列表的页面显示该为每页30条记录，页面右侧出现了两个滚动条，有点多余。

解决方法如下:

小结：

   这几天都在调试前端的东西，现在才觉得理解了一点。任重热道远，一点点的积累。