JQuery simpleGrid отключить при загрузке

Question

Я использую simpleGrid так:

     t.p.operatorGrid = $("#codGrid").simpleGrid({ 
         dataUrl: t.p.operatorUrl, 
         columns: [ 
          {name: "id", hidden: true}, 
          {name: "cod", label: "Cod", width: "10%"} 
         ], 

         onSelectedCustom: function() { 
          t._enableButton(t.p.removeButton); 
         } 
        }); 

Как я могу показать коробку загрузки, когда моя сетка загрузки данных с сервера и отключить диалоговое окно, так что пользователь не может найти что-то, пока сетка загружается?

Спасибо!

Answer 1

может получить изображение загрузки с помощью простого gif. пока данные загружаются, скрыть при завершении. и может отключить диалог, используя

$ (selector) .attr ('disabled', 'disabled');

Смотрите ниже код в действии, надеюсь, что это помогает:

$(document).ready(function() { 
 
    $("#change").on("click", function() { 
 
    var req = $.ajax({ 
 
     type: "POST", 
 
     url: "datapro.php", 
 
     beforeSend: function() { 
 
     $("#wait").css("display", "block"); 
 
     }, 
 
     complete: function() { 
 
     $("#wait").css("display", "none"); 
 
     } 
 
    }); 
 

 
    }); 
 
});

#wait { 
 
    text-align: center; 
 
    display: none; 
 
    width: 200px; 
 
    height: 89px; 
 
    border: 0px solid black; 
 
    position: absolute; 
 
    top: 50%; 
 
    left: 50%; 
 
    padding: 2px; 
 
    ' 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="txt"> 
 
    <div id="result">jQuery Ajax Loading Animation</div> 
 
</div> 
 
<p></p> 
 
<button id="change">Change Content</button> 
 
<div id="wait"> 
 
    <img src='https://www.drupal.org/files/loading.gif' /> 
 
    <br />Please Wait While Loading Data ...</div>