easyUI+mvc开发列表页页面渲染先出现编辑框和添加框

        使用mvc+easyUI开发后台,发现有个列表页面和其他列表页展示不一样,每次刷新都是先出现页面上先隐藏好的编辑框和添加框。因为编辑框和添加框都先隐藏在了页面上。【最终解决方案就是把百度地图的js引用放入到head标签上。】

    <!--详细信息展示表格-->
    <table id="grid"></table>

    <!--添加信息的弹出层-->
    <div id="DivAdd" class="easyui-dialog" closed="true" data-options="iconCls: 'icon-add',buttons: '#dlg-buttons'">
        <form name="fmAdd" id="fmAdd" method="post" novalidate="novalidate">
......
        </form>
    </div>

    <!--编辑信息的弹出层-->
    <div id="DivEdit" class="easyui-dialog" closed="true" data-options="iconCls: 'icon-edit',buttons: '#dlg-buttons'">
        <form name="fmEdit" id="fmEdit" method="post" novalidate="novalidate">
......
        </form>
    </div>
......
    @*地图解析*@
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxx"></script>
    <div class="bMap" id="bMap">
        <div id="allmap" class="allmap"></div>
        <div class="close" οnclick="document.getElementById('bMap').style.display = 'none';"></div>
    </div>

        结果页面刷新就出现问题了,会先展示出这两个边框。然后在出现列表。但是这样的渲染机制是错误的。


        后来经过反复测试对比另外一个列表展示。最终是在js的引用出问题了。因为页面的地步还做了三级联动处理和百度地图逆地址解析功能。每次我把这些js都删掉就没问题,一返回又出问题,后来断定就是这里出错,最后排查到是百度地图js地址解析问题上。于是我就把这串js直接放入到head标签里头,发现不会在出现编辑框了,当然我页面上就只有几条数据不排除数据多的情况会不会也出现这种情况,于是我又到数据库批量插入1w条数据,重新清除缓存登陆刷新页面,没有出现编辑框。perfect!由于百度地图每个功能都有分成对应的开源插件,个人觉得要下载那么多js比较麻烦,这里就没有做下载js引入到原有的位置的测试工作。不知道引入本地的和远程的有无区别!


        最终解决方案就是把百度地图的js引用放入到head标签上。我猜测应该是浏览器解析dom节点的时候到了中间解析这串js等待的久了,导致页面有卡顿现象,只有把js统一起来先解析了有缓存了,再来解析这些html元素。就能正常响应了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值