Styles used by ed eXcell

Suite and Optimus Suite 5
#1

Hi,
I have started using dhtmlxgrid and I’m quite excited with the features that it provides.
I’m trying to create a password field so i used the custom eXcell sample.
Im creating a grid with editable fields. So the ed cell type are in different style while the one I created looks quite different. So how to change the styles of the password field on click on the cell which will give you an editable password field?

The question may be novice but please throw some light regarding it as it will save a lot of time for me. :cry:

Thanks in advance.

function eXcell_pwdField(cell){                                    
    if (cell){                                     
        this.cell = cell;
        this.grid = this.cell.parentNode.grid;
    }
    this.setValue=function(val){
        this.setCValue("<input type='password' size='80'>"+val+"</input>",val);                                     
    };
    this.getValue=function(){
       return this.cell.childNodes[0].innerHTML; // get value
    };
}
eXcell_pwdField.prototype = new eXcell;
#2

If you need to show the password field in the edit mode of the cell you need to use the edit/detach functions of the custom exCell.
Here is the example:

[code] function eXcell_pwdField(cell){
if (cell){
this.cell = cell;
this.grid = this.cell.parentNode.grid;
}

    this.setValue=function(val){
        this.cell.orig_val = val;
        this.setCValue(this.cell.orig_val,val);
    }
    this.getValue=function(){
        return this.cell.orig_val; // get value
    }
    this.edit=function(){
        this.cell.innerHTML="<input type='password' size='80' value='"+this.cell.orig_val+"'></input>"; // editor's html
    }
    this.detach=function(){
        this.setValue(this.cell.childNodes[0].value); //set the new value
        return this.cell.orig_val!=this.getValue();    // compare the new and the old values
    }
}
eXcell_pwdField.prototype = new eXcell;[/code]