1. 程式人生 > >easyui datagrid JS加載樣式 表頭亂

easyui datagrid JS加載樣式 表頭亂

col eat mage ren posit data gif 體驗 +=

解決方案,找了下資料,加一個遮罩層,提升用戶體驗。

<script type="text/javascript">
        var width = document.documentElement.clientWidth;
        var height = document.documentElement.clientHeight;

        var html = "<div id=‘loading‘ style=‘position:absolute;left:0;width:100%;height:" + height + "px;top:0;background:#E0ECFF;opacity:1;filter:alpha(opacity=100);‘>
"; //html += "<div style=‘position:absolute;cursor1:wait;left:" + ((width / 2) - 75) + "px;top:200px;width:150px;height:16px;padding:12px 5px 10px 30px;"; //html += "background:#fff url(../themes/default/images/loading.gif) no-repeat scroll 5px 10px;border:2px solid #ccc;color:#000;‘>"; //
html += "正在加載,請等待..."; //html += "</div>"; html += "</div>"; window.onload = function () { var mask = document.getElementById(loading); mask.parentNode.removeChild(mask); }; document.write(html); document.write(html);
</script>

技術分享

技術分享

easyui datagrid JS加載樣式 表頭亂