jqGrid - Versorgung keine Daten-Nachricht in der Startaufstellung?

Wenn es keine Daten zurückgegeben, die von unserer Suchmaschine derzeit verwenden wir die loadComplete Rückruf drucken Sie eine Nachricht an den Benutzer, um anzuzeigen, dass keine Daten vorhanden sind. Gibt es eine Möglichkeit zu konfigurieren, jqGrid, drucken Sie eine "keine Daten" - Meldung in der Startaufstellung? Derzeit drucken wir es aus, in einem div über dem raster, aber möchte, dass es auch innerhalb des eigentlichen Rasters.

InformationsquelleAutor Marcus Leon | 2010-10-14

  1. 8

    jqGrid zeigt "Keine Datensätze zum anzeigen" - Nachricht ($.jgrid.defaults.emptyrecords) nur am Ende der pager-Bereich und nur in dem Fall, wenn alle folgenden stattfinden

    • definieren Sie einen pager
    • viewrecords: true
    • die aktuelle Anzahl der Datensatz-Anzahl (reccount parameter) 0 ist.

    Es ist unbekannt, um mir irgendwelche "standard" - Möglichkeit zur Anzeige einer Nachricht in der Netz-Daten-Bereich (auf der Oberseite des Körpers des Gitters). Es scheint mir, wenn Sie eine solche Nachricht, die Sie haben, weiter zu verwenden div platziert über das Netz Körper und anzeigen/verstecken Sie im inneren des loadComplete Ereignis-handle.

    InformationsquelleAutor Oleg

  2. 0

    Oleg: ja, du hast Recht, da jqGrid zeigt die Nachricht nur in der pager d.h. navGrid. So platzieren eine <DIV> nach der jqGrid Tabelle ist der beste Weg zu zeigen Sie die Nachricht.

    Marcus: Siehe unten im Ansatz das, was ich getan habe in einem Projekt. Ich klebte die HTML-snippet - und loadComplete Umsetzung, wo Sie anstoßen müssen Ihre Logik zu zeigen, die "Keine Datensätze zum anzeigen" - Nachricht.

    HTML:

    <pre>
  <div class="cols jsGridOuter" style="position:relative;">
    <table id="mandateList" class="jsStretchGridWidth"><tr><td></td></tr></table>
    <div class="noResultsDiv gridNoRecords jstHidden">
      <span class="notice"><label>No records to show</label></span>
    </div>
    <div id="pagination"></div>
  </div>
</pre>

    Java-Script:

    loadComplete: function() {
  if (j$(this).getGridParam("records")==0) 
  {
    j$('div#pagination').hide();
    if (j$('div.noResultsDiv').hasClass('jstHidden'))
    {
      j$('div.noResultsDiv').removeClass('jstHidden');
    }
  }
  else
  {
    j$('div#pagination').show();
    if (j$('div.noResultsDiv').length>0)
    {
      j$('div.noResultsDiv').addClass('jstHidden');
    }
  }
}
    Bitte formatieren Sie Ihren code (Strg-K Wunder tun) beim posten, sonst werde es einfach nicht lesbar sein = schwer zu verstehen.

    InformationsquelleAutor Senthil

  3. 0

    Können Sie überschreiben die Körper der html-Tabelle, zeigen Sie Ihre Nachricht.
    Verwenden Sie dieses, um es zu tun:

    loadComplete: function() {
                if ($('#Grid').getGridParam('records') === 0) {
                    oldGrid = $('#GridIdb2 tbody').html();
                    $('#Grid tbody').html("<div style='padding:6px;background:#D8D8D8'>No records found</div>");
                }
                else
                    oldGrid = "";
             }

    Verwenden Sie die oldGrid var als auxiliar zu retten, was in das jqgrid hatte, bevor Sie verändert sich, vor Einreichen einer neuen Suche einstellen, wird der alte Wert:

    if(oldGrid!=""){
    $("#Grid tbody").html(oldGrid);
}

    InformationsquelleAutor yngrdyn

Schreibe einen Kommentar