2016-06-20 13 views
1

J'essaie de créer une checkbox basée sur javascript et le mais en quelque sorte je ne suis pas capable de le faire fonctionner. J'ai créé une question plus tôt mais d'une manière ou d'une autre incapable d'ajouter mon code aux commentaires, faisant ainsi une nouvelle question. C'est ce que je l'ai fait:Création d'une case à cocher en Javascript et Dhtmlx

function eXcell_includeDC(cell) { 
    if (cell){   // the default pattern, just copy it 
     this.cell = cell; 
     this.grid = this.cell.parentNode.grid; 
    } 
    this.getValue = regExpGetValueCell; 

    if (this.getValue = 'Y') { 
     var myDiv = document.getElementById("includeDC"); 
     var checkbox = document.createElement("input"); 
     checkbox.setAttribute("type", "checkbox"); 
     checkbox.setAttribute("name", "dd"); 
     checkbox.setAttribute("value", "ff"); 
     checkbox.checked = true; 
     myDiv.appendChild(checkbox); 
     checkbox.checked = true; 
    } else { 
     var myDiv = document.getElementById("includeDC"); 
     var checkbox = document.createElement("input"); 
     checkbox.setAttribute("type", "checkbox"); 
     checkbox.setAttribute("name", "dd"); 
     checkbox.setAttribute("value", "ff"); 
     checkbox.checked = true; 
     myDiv.appendChild(checkbox); 
     checkbox.checked = false; 
    } 
    this.isDisabled = function() { 
     return true; 
    } 
    this.setValue=function(val) { 
     // actual data processing may be placed here, for now we just set value as it is 
     this.setCValue(val); 
    } 
} 
eXcell_includeDC.prototype = new eXcell; 

Répondre

2

Vous devez créer tout votre contenu html qui doit être affiché dans votre cellule dans la fonction setValue. Voici l'exemple simplifié:

function eXcell_includeDC(cell){ //the eXcell name is defined here 
    if (cell){    // the default pattern, just copy it 
     this.cell = cell; 
     this.grid = this.cell.parentNode.grid; 
    } 
    this.edit = function(){} //read-only cell doesn't have edit method 
    // the cell is read-only, so it's always in the disabled state 
    this.isDisabled = function(){ return true; } 
    this.setValue=function(val){ 
     if (val=="Y") 
     this.setCValue("<input type='checkbox' checked='checked/>",val); 
     else 
     this.setCValue("<input type='checkbox'/>",val); 
    } 
} 
eXcell_includeDC.prototype = new eXcell; 
+0

Impressionnant! C'était d'une grande aide! :) –