Easyui 渲染

在使用easyui做页面时发现,渲染的时候有问题:easyui样式布局加载之前,一些DOM元素出现,一闪而过,这样的用户体验真的很糟糕

处女座♍表示忍不了。

为了方便查看,我再调用$(function())时打上断点,渲染效果如下图

这一块原本是datagrid的工具栏,不该出现的,加载时一闪而过非常不友好。

Easyui 渲染

   <div data-options="region:'north',split:true,border:false" style="height:52%">
            <div >
                <span class="">单据创建日期:</span>
                <input type="text"  />
                <span>至:</span>
                <input type="text"  />
                <input  />

                <a href="javascript:void(0)" ></i>新增</a>
                <a href="javascript:void(0)" ></i>编辑</a>
                <a href="javascript:void(0)" ></i>删除</a>
            </div>
            <table ></table>
        </div>
      

试着把工具栏部分移到外面,就能正常显示了。像一些dialog内的元素如果也在加载时一闪而过的话,可以试着让dialog初始状态为display:none

当dialog 打开的时候,它会自动变为block。还挺方便的,,,,,

Easyui 渲染