JQGrid: Laden von Daten in die Fußzeile

Gibt es Beispiele für das laden von Daten in die Fußzeile? Ich finde keine oder ich bin blockiert bei der Arbeit.

Vielen Dank im Voraus...

  • Was meinst du mit footer? Können Sie uns einen screen-shot?
InformationsquelleAutor Scot H | 2010-05-12
  1. 17

    Blick auf demo http://trirand.com/blog/jqgrid/jqgrid.html

    und wählen Sie im linken Baum "Neu in Version 3.5" und dann "Zusammenfassung Fußzeile".

    In dem Beispiel ein Satz footerrow : true, userDataOnFooter : true Möglichkeit, die jqGrid. Dann auf server hinzufügen userdata block, um die Daten zurück gesendet, jqGrid. Sie können Lesen Sie über userdata im http://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data. Wenn userdata block hat Eigenschaften, die der Spalte entspricht, die Namen der jqGrid, die Daten zu sehen sein wird in der Fußzeile.

    Wenn Sie weitere Informationen benötigen, schreiben Sie, welche Art von Daten, die Sie verwenden in jqGrid (JSON, XML, xmlstring, jsonstring, lokale und so weiter) und welche Art von server, die Sie benutzen (PHP, ASP.NET MVC, WCF Ende so weiter).

    AKTUALISIERT: Wenn Sie standard-json-mapping-Daten (keine jsonReader Möglichkeit, jqGrid) vom server Aussehen

    { 
  total: "xxx", 
  page: "yyy", 
  records: "zzz",
  rows : [
    {id:"1", cell:["cell11", "cell12", "cell13"]},
    {id:"2", cell:["cell21", "cell22", "cell23"]},
      ...
  ]
}

    Also die Daten keine Namen von Spalten aus colModel. Wenn Sie, zum Beispiel, eine Spalte {name:'Preis', ...} innerhalb von colModel und wollen zeigen Gesamtpreis in der letzten Zeile der jqGid sollten Sie definieren footerrow: true, userDataOnFooter: true im inneren des jqGrid-Optionen und Ihr server sollte die Daten wie

    { 
  total: "xxx", 
  page: "yyy", 
  records: "zzz",
  rows : [
    {id:"1", cell:["cell11", "cell12", "cell13"]},
    {id:"2", cell:["cell21", "cell22", "cell23"]},
      ...
  ],
  userdata: {price:1240.00} 
}

    Wenn du einen anderen jsonReader alle stat unverändert. Die einzigen, die Sie definieren können, ist zu ändern "userdata" - Namen zu einem anderen Namen, aber der Wert muss ein Objekt mit den Namen des Feldes, wie Sie in colModel. Nur die Werte dieser Felder werden angezeigt Fett auf der letzten Zeile von jqGrid.

    • Ich benutze JSON und coldfusion.
    • Vielen Dank! Sehr hilfreich!!!
    • Eine andere tolle Antwort Oleg, eine zusätzliche Frage und zwar wie bekommt man die "Summen" - label in der Fußzeile wie in der demo, die Sie markiert oben?
    • Die Beantwortung meiner vorherigen Frage ging ich einfach zurück in den Benutzer-Daten und einem Wert von "Ergebnis" in der Spalte name das Vorherige Feld.
    InformationsquelleAutor Oleg
  2. 4

    Die obige Antwort hilft viel. Egal, hier ist die Art, wie ich Tat es in MVC.Net:

    Erste dieser Attribute über die definition des Gitters:

    footerrow: true,
    userDataOnFooter: true

    In dem das Ergebnis einer Aktion auf der HttpPost:

            [HttpPost]
        public ActionResult GetNewMembersByDate(string date1, string date2)
        {
            List<uspGetNewByDateResult> list =_reportsRepository.GetNewByDate(DateTime.Parse(date1), DateTime.Parse(date2));

            var amount = from p in list
                         select p.Quantity;


            var jsonData = new
            {
                total = 1,
                page = 1,
                records = list.Count(),
                userdata = new
                    {
                        Name = "Total:",
                        Quantity= amount.Sum().ToString()
                    },
                rows = (
                        from row in list
                        select new
                        {
                            i = row.RowNumber,
                            cell = new[] {
                                row.RowNumber.ToString(),
                                row.Name,
                                row.Quantity.ToString()
                            }
                        }).ToArray()

            };
            return Json(jsonData);
        }
    InformationsquelleAutor Sanchitos
Schreibe einen Kommentar