Hinzufügen von Kontrollkästchen in Header programmatisch erstellt div

Question

Ich habe ein programmatischdojox.grid.DataGrid deren erstellte Struktur

var nodeSelectGridStructure = [ 
    { 
     "field": "select", 
     "width": "10%", 
     "name": "Select" 
    }, 
    { 
     "field": "fldJobName", 
     "width": "30%", 
     "name": "Collection Job Name" 
    }, 
    { 
     "field": "fldNodes", 
     "width": "60%", 
     "name": "Nodes" 
    } 
]; 

Ich mag eine Checkbox in der Kopfzeile der Spalte „Auswahl“ hinzuzufügen. Gibt es eine Möglichkeit, den Dom-Knoten des Headers der "Select" -Spalte zu erhalten, damit ich dort die Checkbox hinzufügen kann? Vielen Dank im Voraus!

Answer 1

Die Vorlage hat einen Anhangspunkt namens viewsHeaderNode, der für den Zugriff auf den DOM-Knoten verwendet werden kann.

dijit.byId("data_grid_id").viewsHeaderNode 

Ich habe nicht das Hinzufügen von Inhalten, um es versucht, manuell mich aber viel Glück :)

Answer 2

ich viel Hit-and-Studien haben und diese gefunden -

1) haben wir erste die escapeHTMLInData: false in Gitter Definition

2) Dann in der Struktur setzen wir den Tag im Header Namen hinzuzufügen haben sich wie folgt

var nodeSelectGridStructure = [ 
    { 
     "field": "select", 
     "width": "10%", 
     "name": "<input type=\"checkbox\" onclick=\"\"/>" 
    }, 
    { 
     "field": "fldJobName", 
     "width": "30%", 
     "name": "Collection Job Name" 
    }, 
    { 
    "field": "fldNodes", 
     "width": "60%", 
     "name": "Nodes" 
    } 
]; 

Das funktionierte für mich. danke für die Antwort! Ich werde das auch versuchen.