Databases
StackOverflow2013
Postsdbo
POAdd a "loading" indicator in a MVC webgrid?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAdd a "loading" indicator in a MVC webgrid?
    text
    copied!<p>I am using MVC3 and displaying my data in a webgrid. I would like to display loading indicator (loading image) displayed when I filter/search. What is the best approach? </p> <p>My search filter (code):</p> <pre><code>@using (Html.BeginForm()) { &lt;fieldset id="fieldset1" class="coolfieldset"&gt; &lt;legend&gt;Search for Towers Watson Subscribers/Contacts&lt;/legend&gt; &lt;div class="div-table"&gt; &lt;div class="div-table-row"&gt; &lt;div class="div-table-col"&gt;Reg Date:&lt;/div&gt; &lt;div class="div-table-col"&gt;&lt;input id="regDateFrom" class="datepicker" name="regDateFrom" value="@regDateFrom" type="text" /&gt; to &lt;input id="regDateEnd" class="datepicker" value="@regDateEnd" name="regDateEnd" type="text" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="div-table-row"&gt; &lt;div class="div-table-col"&gt;Profile Mod Date:&lt;/div&gt; &lt;div class="div-table-col"&gt;&lt;input type="text" id="profileModDateFrom" class="datepicker" value="@profileModDateFrom" name="profileModDateFrom" /&gt; to &lt;input id="profileModDateEnd" class="datepicker" value="@profileModDateEnd" name="profileModDateEnd" type="text" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="div-table-row"&gt; &lt;div class="div-table-col"&gt;Last Name:&lt;/div&gt; &lt;div class="div-table-col"&gt;&lt;input type="text" id="lastName" name="lastName" value="@lastName" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="div-table-row"&gt; &lt;div class="div-table-col"&gt;&lt;input id="search" name="search" type="submit" value="Search" /&gt;&lt;/div&gt; &lt;div class="div-table-col"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; } {@Html.Partial("List_Ajax", Model)} </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload