How do I change a cell to read-only via the console (Chrume F12key)?

[kjvjung]

Hello.

url:   https://paramquery.com/pro/demos/row_styles

How do I change a cell to read-only via the console (Chrume F12key)?

cell : rowIndx: 2, dataIndx: "revenues"

how?

thank you.

[paramvir]

Individual grid cells are made read only by implementing editable callback function on columns as in this example:

https://paramquery.com/pro/demos/readonly_cells

Code: [Select]

editable: function(ui){
  if(ui.rowIndx == 2 && ui.dataIndx == "revenues"){
     return false;
  }
  else{
    return true;
  }
}


[kjvjung]

Thank you for your reply.
But your method is only suitable for the first loading.
I am in a situation that I need to change after loading.
So I asked the console what to do.

What should I do?

[kjvjung]

Thank you for your reply.
But your method is only suitable for the first loading.
I am in a situation that I need to change after loading.
So I asked the console what to do.

What should I do?

[paramvir]

you can use this condition based on any arbitrary class.

Code: [Select]

editable: function(ui){
  return this.hasClass({
    rowIndx: ui.rowIndx,
    dataIndx: ui.dataIndx,
    cls: 'editable'
  });
}

and assign/ remove a class to cell at runtime.

Code: [Select]

  grid.addClass({rowIndx: 2, dataIndx: 'revenue', cls: 'editable'} );


[kjvjung]

grid.addClass({rowIndx: 2, dataIndx: 'revenue', cls: 'editable'} );

rowIndx is good.
However, dataIndx is always undefined.
So it does not work.

What should I do?

[kjvjung]

grid.addClass({rowIndx: 2, dataIndx: 'revenue', cls: 'editable'} );

rowIndx is good.
However, dataIndx is always undefined.
So it does not work.

What should I do?

--------------------------------

you can use this condition based on any arbitrary class.

Code: [Select]

editable: function(ui){
  return this.hasClass({
    rowIndx: ui.rowIndx,
    dataIndx: ui.dataIndx,
    cls: 'editable'
  });
}

and assign/ remove a class to cell at runtime.

Code: [Select]

  grid.addClass({rowIndx: 2, dataIndx: 'revenue', cls: 'editable'} );


[paramvir]

dataIndx is defined in column.editable callback. Please put the editable callback in columnTemplate if you want to use it for all/ most columns.