Disable grid while provide scrolling

[Rasith]

treeGridObj.option("disabled", true) after adding this i tried setting the CSS class as you suggested, but still scroll is not working.

I added that CSS in treeGridObj.addClass("pq-grid-disable");
 I see CSS is loaded, but i can't see the scroll.

[paramvir]

scroll is not supposed to work when the grid / treegrid is disabled.

Please let me know your purpose of disabling the treegrid.

[Rasith]

we need this in one of the functionality when the tree-grid disabled user interested to see all the tree nodes..

Any solution to implement the scroll when grid is disabled  or any way to disable the edit mode for whole grid ?

[paramvir]

Please use editable: false option

https://paramquery.com/pro/api#option-editable

[Rasith]

Example you gave this is  during initialisation. Assume we already initialised  our tree and we want to fire this(disable the edit mode for tree) in some event.

[paramvir]

set the editable option after initialization is also mentioned in the API

https://paramquery.com/pro/api#option-editable

[Rasith]

Even setting the editable option i can edit, i can add a new field.

[paramvir]

editable option decides editability of cells only.

Please share your complete requirements ( what do you want to disable and what do you want to keep enabled ) along with a jsfiddle.

[Rasith]

We have an external event, kind of freeze.
when we click on that we need to disable the whole grid for adding/editing field, user can only read all the nodes(without scroll we can't read all the nodes).

Its kind of disabling Tree Grid and providing scroll option to read all the nodes.

[paramvir]

There is no single option for it. It may be introduced in upcoming version.

For now, you can disable the controls in grid selectively.

First make the cells non - editable by using editable option: https://paramquery.com/pro/api#option-editable

Then use this to disable all inputs and jQueryUI buttons inside the treegrid.

Code: [Select]

grid.widget().find(":input").prop("disabled", true);
grid.widget().find("button").button("option", "disabled", true);