JqGrid mit Fancybox - get Zellobjekt

Question

Mit der Folge in jqGrid:

colModel: [ 
      {name:"",index:"",width:100}, 
      {name:"diagnosis",index:"diagnosis",width:100,formatter:fancyBoxFormatter}, 
      {name:"prescription", index:"prescription",width:100,formatter:fancyBoxFormatter}, 
      {name:"tests",index:"tests",width:100,formatter:fancyBoxFormatter}, 
      {name:"imaging",index:"imaging",width:100,formatter:fancyBoxFormatter}, 
      {name:"generic",index:"generic",width:100,formatter:fancyBoxFormatter}, 
      {name:"referral",index:"referral",width:100,formatter:fancyBoxFormatter}, 
      {name:"management",index:"management",width:100,formatter:fancyBoxFormatter}, 
      {name:"completed",index:"completed",width:100} 
      ], 

Dann:

function fancyBoxFormatter(cellvalue, options, rowObject) { 

    var result, 
     link, 
     fancyBoxHTML, 
     fancyBoxContent; 

    link = "<a class=\"fancybox\" href=\"#data" + options.rowId + "\">" + cellvalue + "</a>"; 
    fancyBoxContent = cellvalue; 
    fancyBoxHTML = "<div style=\"display:none\"><div id=\"data" + options.rowId + "\">" + fancyBoxContent + "</div></div>"; 
    return link + fancyBoxHTML; 
} 

Dies zeigt den gleichen Inhalt in Fancybox für alle Zellen in der Zeile (basierend auf rowID. ..) Wie kann ich diese Funktion in einzelne Zell-IDs ändern, anstatt nur die ganze Zeile?

Answer 1

Bitte schreiben Sie in allen Fragen rund um jqGrid die Version von jqGrid, die Sie verwenden (können) und die Gabel, die Sie (free jqGrid, Gewerbe Guriddo jqGrid JS oder eine alte jqGrid in Version < = 4.7) verwenden.

Der options Parameter des benutzerdefinierten Formatierers fancyBoxFormatter enthält rowId, colModel, gid, pos und rowData Eigenschaften (rowData nur in freier jqGrid fork existiert). So können Sie verwenden, zum Beispiel

function fancyBoxFormatter (cellvalue, options) { 
    return "<a class=\"fancybox\" href=\"#data" + 
     options.rowId + "_" + options.colModel.name + "\">" + cellvalue + "</a>" + 
     "<div style=\"display:none\"><div id=\"data" + 
     options.rowId + "_" + options.colModel.name + "\">" + 
     cellvalue + "</div></div>"; 
} 

Zusätzlich erhalten Sie die name Eigenschaft der ersten Spalte zu beheben haben. Man kann nicht leer name verwenden (siehe name:""). Sie könnten beliebige eindeutigen Wert für name verwenden die Regeln in HTML5/CSS für IDs (z. B. keine Leerzeichen).

Ich würde Ihnen zusätzlich empfehlen, nicht benötigte index Eigenschaften und gemeinsame width:100 Option aus allen Spalten zu entfernen. Anstatt width:100 in jede Spalte zu setzen, können Sie cmTemplate: {width: 100} Option von jqGrid verwenden.