Note that there are some explanatory texts on larger screens.

plurals
  1. POAdd a "loading" indicator in a MVC webgrid?
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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