Own password type column ...

Suite and Optimus Suite 5
#1

Hi,
I’m trying to do own password style column type in grid . Doc: docs.dhtmlx.com/doku.php?id=dhtm … le_excells . Sorry , but can’t understand how to do it editable , so I’m asking for help . Here is mine type :

function eXcell_Pasw( cell )
      {
         if ( cell )
         {
            this.cell = cell;
            this.grid = this.cell.parentNode.grid;
         }
         this.setValue = function( val ){ this.setCValue( Array( 11 ).join( "*" ), val ); }
         this.getValue = function(){ return this.cell.innerHTML; }
         this.edit     = function()
         { 
            this.val = this.getValue();
            this.cell.innerHTML = "<input type='text' value='" + this.val + "' style='width:100px; height:18px;'>";
         }    
         this.detach   = function()
         {
            this.setValue( this.cell.value ); //set the new value
            return this.val!=this.getValue();
         }
      }

At first I’m returning “*” instead column data . Trying to edit this cell I’m getting editable field , but can’t it edit . Any action with edit it return to cell . How to do that editable ?

Thanks in advance !

#2

Please, try to add cancelBubble event in your edit function:

this.edit = function() { this.val = this.getValue(); this.cell.innerHTML = "<input type='text' value='" + this.val + "' style='width:100px; height:18px;'>"; this.cell.childNodes[0].onclick=function(e){ (e||event).cancelBubble=true; } //block onclick event }