Can all input components inside a PanelGrid be made readonly.?

Question

I have bunch of html input components inside a panel group.. I want all of them to be readOnly based on my condition.
I have an option of adding readOnly attribute to add individually to all the input components . But , i am looking for some thing more than this.. Can the complete panelGrid be made readonly like with out adding readOnly= true to components inside panel grid..
thanks.
cnu

Answer 1

Try this. This is not a straight forward way.
JSF Code
<h:panelGrid id='readOnlyGrid'>
               <h:inputText disabled="#{employee.test1}" value="#{employee.name}"></h:inputText>
               <h:inputText disabled="#{employee.test2}" value="#{employee.age}"></h:inputText>
               <h:inputText disabled="#{employee.test3}" value="#{employee.name}"></h:inputText>
          </h:panelGrid>
Javascript
function makeReadOnlyGrid() {
       var grid = document.getElementById('myForm:readOnlyGrid');
       var inpObjs = grid.getElementsByTagName('INPUT');
       for(var i=0;i<inpObjs.length;++i) {
            inpObjs.readOnly = inpObjs[i].disabled;
          inpObjs[i].disabled = false;
}Call this javascript function like this:
Before closing the body tagwindow.onload=makeReadOnlyGrid;