Я використовую просту сітку типу:
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);
}
});
Як я можу показати поле для завантаження, коли моя сітка завантажує дані з сервера та відключить діалогове вікно, щоб користувач не міг щось шукати під час завантаження сітки?
Дякую!
Відповіді:
2 для відповіді № 1можна завантажити зображення за допомогою простого gif. показати, поки дані завантажуються, приховати після завершення. і може відключити діалогове вікно за допомогою
$ (селектор) .attr ("вимкнено", "відключено");
Дивіться нижче код у дії, сподіваємось, що він допомагає:
$(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="/images/https://www.drupal.org/files/loading.gif" />
<br />Please Wait While Loading Data ...</div>