zoukankan      html  css  js  c++  java
  • 【datatable】正在加载中的信息提示

    datatable插件

    DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

    datatable官方网站

    使用中加上正在加载的提示

    var createProcessing = function(){
        var processingMessage = "";
        processingMessage += '<div id="dataTables_processing" class="dataTables_processing" style="display: none;">' + '正在加载中...' + '</div>'
        $("table.table").before(processingMessage);
    }
    
    var initDatatable = function(options) {
    
        options = $.extend(true, {
            // Or you can use remote translation file
            "processing": true,
            "ajax" : {
                beforeSend : function(){
                    $("#dataTables_processing").show();
                },
                complete : function(){
                    $("#dataTables_processing").hide();
                } 
            },
    ...
    

    在ajax中加上beforesend 和 comeplete 然后加载前显示和隐藏加上的正在加载的div块,注意此块的id 样式都已经是插件写好的

    参考方案

  • 相关阅读:
    7.微软AJAX的解决方案
    6.投票系统
    5.JSON
    4.无刷新评论
    3.输入商品名称后自动弹出其价格示例
    2.JQuery AJAX
    1.AJAX简介
    网站优化
    防抖和节流
    在地址栏输入一次地址会发生什么
  • 原文地址:https://www.cnblogs.com/lijie33402/p/4593445.html
Copyright © 2011-2022 走看看