zTree 数据加载前,弹出一个加载页面提醒

jsp页面添加一个div

<div id="Loading"><span  style="font-size:30px ;color:#EBF7EE">正在载入,请稍候……</span></div>

<script>

$(function () {

        var setting = {
                    onAsyncSuccess: zTreeOnAsyncSuccess
            }
        };
        $.fn.zTree.init($("#kindTree"), setting);

    });

//打开页面 页面加载zTree数据

  function addOrderKind() {

      window.onload = initPage();

}

   function initPage()

{//判断zTree是否加载有数据,有数据就不用添加提示

        if($.fn.zTree.getZTreeObj("kindTree").getNodes().length<1){
            var objLoading = document.getElementById("Loading");
            objLoading.style.display = "block";
        }

    }

//数据加载成功后关闭提示

function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {

        var objLoading = document.getElementById("Loading");
            objLoading.style.display = "none";
    };



</script>

猜你喜欢

转载自blog.csdn.net/sky_315/article/details/80478550