change outputText to inputText in JSF-html using ajax component

Question

I want reach something like this, lets have a:

 <h:outputText id="name" value="#{Bean.foo.name}"/>

in a some column in datatable and i want achieve by single clicking on this output text on layout in order change to:

<h:inputText value="#{Bean.foo.name}"/>

in other words by clicking on output text to change to a classic input field, Is there any way to do this with ajax component, can anybody give me some concept about this, i will be very greatful.

Thanks in advance

Ömer Faruk Almalı · Accepted Answer · 2014-07-11 08:59:34Z

1

If it's not a problem to use a PrimeFaces component here it is; an inplace component

edited Jul 11, 2014 at 8:59

answered Feb 13, 2013 at 14:56

Ömer Faruk Almalı

3,8226 gold badges40 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Maston Over a year ago

yes this is what i looking for,hope this will works at me,but thanks a lot

Karl Kildén Over a year ago

Yes nice suggestion. Otherwise use link with f:ajax and render area and have inputtext be rendered=true and link rendered=false

Maston Over a year ago

how can i fired some action with clicking to save button in this inline component? now nothing happend when i click on this also i have there included a <p:ajax> tag

Collectives™ on Stack Overflow

change outputText to inputText in JSF-html using ajax component

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related