Rectangle 27 6

First of all, JSF is in the context of this question merely a HTML code generator. In HTML, images are represented by the <img> element whose src attribute should point to a (relative) URL from which the webbrowser could download the image individually. Have you checked the generated HTML output by opening the JSF page in webbrowser and doing rightclick and View Source? Do the generated <img> elements look all right? Likely not.

The way how you used the name attribute is incorrect.

<p:graphicImage value="resource/images/#{image}"  name="COMPANY CREATION"/>

The name attribute represents the "resource name". It's basically the path to the resource, relative from the /resources folder on. This attribute has precedence over value attribute. So basically you're trying to create

<img src="COMPANY CREATION" />

This is not right. JSF would instead auto-generate a RES_NOT_FOUND URL. You should have seen that in the generated HTML output.

Provided that your intent is to show "COMPANY CREATION" as tooltip, then the right way is

<p:graphicImage name="images/#{image}" title="COMPANY CREATION" />

Or, if you insist in using value attribute, which takes a context-relative URL instead of a resource name:

<p:graphicImage value="/resources/images/#{image}" title="COMPANY CREATION" />

primefaces - not working in jsf - Stack Overflow

jsf primefaces graphicimage
Rectangle 27 2

Chart should be visible when page loads...after that all ajax request properly renders your chart. To do that just provide a dummy series data like (0,0) for series 1 and (0,0) for series 2 when page loads, after that everything works fine

jsf - primefaces charts not updating when submit a new request - Stack...

jsf jsf-2 primefaces
Rectangle 27 3

I like to change the width using percentage in this table . But its not working.

You have syntax issues with your JSF view. Their is no bgcolor attribute of h:outputText, this is a style attribute.

<h:outputText value="#{plaza.name}" headerText="Plazas" style="bgcolor: #dcdcdc;" />

This is also true for the p:column component as well...

<p:column id="plazaName" headerText="Plaza's" style="width: 50%; bgcolor: #dcdcdc;">

And is there a way to make the checkbox of simple html style . But its a little fancy.

This would actually be quite difficult to do. The p:selectBooleanCheckbox is really a styled div with javascript events attached to it. Within this div is a hidden input type="checkbox" that exists as the form element that gets posted back. You can't do this without tinkering with javascript and stylesheets that I know of.

Wrt the checkbox, just use h:selectBooleanCheckbox. Works as good.

jsf 2 - Primefaces dataTable column width , color scheme , checkboxes ...

jsf-2 primefaces facelets
Rectangle 27 3

I had a similar problem once with the dataTable exporter. You have to use an outputText like this:

<h:outputText value="#{valuesTable.tkValue}"/>

inside all the column tags, in order to see the values properly. Your column would become:

<p:column headerText="Technical Knowledge" id="tk">  
     <h:outputText value="#{valuesTable.tkValue}"/>
</p:column>

Replace all your columns and try that! Hope it helps!

And also I think the headers are not ok. You have to use an f:facet tag like this:

<p:column id="tk">
     <f:facet name="header">  
        <h:outputText value="Technical Knowledge" />  
     </f:facet>  
     <h:outputText value="#{valuesTable.tkValue}"/>
</p:column>

Now you should also see the headers in the export CSV file.

You are welcome!

jsf 2 - DataTable export is not working in Primefaces 4.0 - Stack Over...

jsf-2 primefaces
Rectangle 27 6

The dialog: navigation outcome prefix from "Dialog Framework" is introduced in PrimeFaces 4.0 and don't work in older versions.

dialogWidgetVar.show()
visible="#{someCondition}

Update: as per the comment, here's how you could use it with widgetVar approach in JS:

<p:button value="Open dialog" onclick="w_dialog.show(); return false;" />
<p:dialog widgetVar="w_dialog">
    <p>Dialog's content.</p>
<p:dialog>

And here's how you could use the visible approach in JSF:

<h:form>
    <p:commandButton value="Open dialog" action="#{bean.showDialog}" update=":dialog" />
</h:form>
<p:dialog id="dialog" visible="#{bean.showDialog}">
    <p>Dialog's content.</p>
<p:dialog>

with

private boolean showDialog;

public void showDialog() {
    showDialog = true;
}

public boolean isShowDialog() {
    return showDialog;
}

You can if necessary move <p:dialog> into an include file which you include by <ui:include>.

Do you have example for dialogWidgetVar.show() to make it works .thank you in advance

I don't get it .I shoud make visisble="#" where .I have a page and I would to display it into dialog ,can you explain me more

By default, it's already created. If you want to postpone it to the opening, use dynamic="true". See also the documentation. For future questions not related to the current question, please press Ask Question button (or simply do some basic research; documentation is your friend).

jsf 2 - Page jsf into dialog not working - Stack Overflow

jsf jsf-2 primefaces
Rectangle 27 6

ajax="false"
p:commandButton
h:commandButton

THought I had tried that, but tried it again and it works!

jsf 2 - jsf target="_blank" not working with primefaces commandbutton ...

jsf-2 primefaces
Rectangle 27 3

Your bean must implement interface Serializable. That's what the error message says

The other problem is that you always return new List by getEList. You can load your ArayList in some kind of init method that will have annotation @PostConstruct.

@PostConstruct
public void init() {
       //code from getElist()...
}

And your getter shuld be classic getter that only returns eList. In that way you load your list when your view is created. In your case every update will load list again that is bad practice. Do not fetch data in getter. Editting is not working for you because you lose updated values by returning a new list every time.

well exception rectified...but i don't get updated values, still getting the old values

yes it enters onEdit method, what i am saying is, event.getObject() method returns old object not updated one

I'va updated my answer. I haven't noticed at first that the problem was your geteList().

jsf 2 - row editing is not working in datatable primefaces - Stack Ove...

jsf-2 primefaces primefaces-extensions
Rectangle 27 5

If you want that user must not be able to change the value of the Calender Dates, just view it then use showOn="none" and readonly="true" in p:calender attribute, I have used it and its working (I'm using Primefaces 5.0 hope it works on all versions) :

jsf 2 - readOnlyInput doesn't work in p:calendar primefaces - Stack Ov...

jsf-2 primefaces calendar readonly
Rectangle 27 2

i have post the entire code, actually i am using p:ajax tag, and even if i delete teh change event it not working, thank for responding

@NickHol 1. Namespace is right, given that OP on fact used <h:selectOneMenu>. 2. There is change event, but as in showcase it can be omitted, as it's basically the default one.

@skuntsel His topicname states : p:ajax, then his first post was using f:ajax.. is code is just really unreadable. Weird that you downvote me for that.. solarie, remove '_' from youre class names, show us what 'SelectedDirection' is (why capital S?) and put a <h:messages> at top of your page to see if it displays any errors. Since you should be atleast able to see the system out.

@NickHol I know that OP posted extravagantly unformatted code with no respect to java naming conventions. But still your points, especially the second one, is plain wrong.

@skuntsel youre right the change event is available.

jsf 2 - PrimeFaces p:ajax event=“change” not fired - Stack Overflow

ajax jsf-2 primefaces
Rectangle 27 1

Oops!!!I missed selection attribute in for the datatable.Now it is working fine.

<p:dataTable var="lpcData" value="#{lpcBean.lpcIdList}" selection="#{lpcBean.selectedRows}" 
              id="lpcList" editable="true" scrollable="true" scrollWidth="1110"
              tableStyle="table-layout:auto; width:1130px;" scrollHeight="330" 
              styleClass="datatable">

jsf 2 - Primefaces row editing not working properly - Stack Overflow

jsf-2 primefaces
Rectangle 27 4

Try put the dialog before the commandLink as follows:

<p:outputPanel id="panel">
       <h:form id="dialogForm">
           <p:dialog id="dialog" header="Dialog" widgetVar="dlg" resizable="false">  
           Current Location: <h:outputText value="#{dialogBean.location}" />
           <p:commandButton value="Close" oncomplete="dlg.hide();"/>
           </p:dialog>
       </h:form>  
 </p:outputPanel>
     <h:form id="initForm">
    <h:inputText id="location" value="#{dialogBean.location}" />
    <p:commandLink update="dialogForm:dialog" onclick="dlg.show()" update="panel">  
        <h:outputText value="Show Dialog" />  
    </p:commandLink>
    </h:form>

Another easy solution is : If you use the Primefaces 3.0(or above) you can add dymaic attribute to the dialog .set it to true. Here is the primefaces 3.2's VDL Dynamic mode allows dialog to fetch it's contents before it's shown rather than on page load which is useful to reduce initial page load times. Default is false.

:dialogForm:dialog
dialog
INFO: Cannot find component with identifier "dialog" in view.

Updating a panel instead of a dialog fixes the issue. Thanks for the help.

You should not use the update attribute.Because when u use the dlg.show(), the dialog will be updated.

Withouth the update attribute, the dialog is not updated.

The dialog is updated on show only if it is set as dynamic=true.

jsf 2 - JSF 2.0 Update a primefaces dialog not working the first time ...

jsf jsf-2 primefaces
Rectangle 27 3

After some search I found this is a known prime faces bug. The filter inside dynamic p:columns not working. I try to change my jsf with the following work around and it works.

<c:forEach ...>
   <p:column>
   </p:column>
</c:forEach>

instead of 

<p:columns>
</p:columns>

jsf - Primefaces p:dataTable filter not working with p:columns - Stack...

jsf jsf-2 primefaces
Rectangle 27 2

For some reason, PrimeFaces main showcase site is showcasing current alpha/beta/RC version instead of latest stable version. You can verify this by looking at the version information in the footer of the showcase site. This is indeed confusing. Previously, all PrimeFaces alpha/beta/RC versions were showcased on a different showcase site (called PrimeFaces labs).

In your particular case, the fileLimit attribute of <p:fileUpload> is indeed added in PrimeFaces 4.0 and absent in 3.5. In order to utilize this attribute, you'd need to upgrade to PrimeFaces 4.0. It's currently only available as a snapshot (note: you're supposed to report all issues directly to them then). The final release is scheduled in a few weeks.

@BalusC....Thanks.As usaual you are the life saver....Is this snapshot available in Primefaces Maven Repo?

You're welcome. Yes, it's available in their repo primefaces.org/downloads.html The "snapshot" link in my answer is also pointing to it.

@BalusC....I have tried installing primefaces 4.0 version from that repo. I am able to see the attributes but still fileLimit is not validating even though I uploded more than limit and I guess primefaces showcase is deployed with latest version cause I see the same behavior of showcase when I used Primefaces 4.0

As said, it's still alpha. If you think it's a bug, report it to them. code.google.com/p/primefaces/issues

jsf 2 - FileLimit is not working in primefaces file upload when multip...

file-upload jsf-2 primefaces jboss7.x
Rectangle 27 1

The <p:commandButton> submits by default the parent form via an ajax POST request. It's thus essentially the wrong tool for the job.

Use <p:button> instead. Don't forget to return false, otherwise it'll still perform the implicit navigation.

<p:button ... onclick="$.RedirectMe(url); return false;" />

Unrelated to the concrete problem, the javascript pseudoprotocol makes no sense in HTML4/5 compatible event handler attributes as it's the default already. Further, the $.fn mapping is unnecessary when you just want to invoke the function rather than creating it. The abovegiven answer has already taken that into account. Last but not least, JS naming conventions state that function names should start with lowercase.

Javascript top.navigation NOT working with JSF Primefaces - Stack Over...

javascript jsf primefaces
Rectangle 27 1

Just remove the onchange="submit()" from your radio button.I am not JSF expert but I guess when you are sending ajax request then just execute the data from your <f:ajax .. and then no need to submit it.So when I copy paste your example , It was not working and then I tried it by removing onchange="submit" , It worked fine :)

yes this was the problem thanksssssssss

jsf 2 - Not apply values on ajax call in JSF 2.0 - Stack Overflow

jsf jsf-2 primefaces
Rectangle 27 1

<pm:field>
    <p:outputLabel value="Age" />
    <p:inputText id="age" value="#{patreg.age}" onkeyup="$(this).val($(this).val().replace(/[^0-9]/g, ''));" >
        <f:ajax event="change" listener="#{patreg.generate_DOB_FromAge}" render="dob_field"/>
    </p:inputText>
    </pm:field>

In PrimeFaces 6.0, this behavior is still present, even though KeyFilter was moved from PrimeFaces Extensions and became part of the official suite.

jsf 2 - keyfilter is not working in primefaces mobile - Stack Overflow

jsf-2 primefaces primefaces-extensions primefaces-mobile
Rectangle 27 5

After seeing this question by louvelg about a different problem after setting up the FacesServlet with Spring Boot, I got it working with JSF/primefaces by adding a couple configuration files and also a ServletRegistrationBean from spring-web. The web.xml and faces-config.xml files kind of hurt Spring Boot's idea of minimal set up without tons of xml files, but this is the minimal set up I was able to find with JSF, if anyone knows of a better/cleaner way to do this, please let me know.

Here are the dependencies in my gradle.build file:

compile group: "org.springframework.boot", name: "spring-boot-starter"
compile group: "org.springframework", name: "spring-web", version: "4.0.2.RELEASE"

compile group: "org.apache.tomcat.embed", name: "tomcat-embed-core", version: tomcatVersion
compile group: "org.apache.tomcat.embed", name: "tomcat-embed-logging-juli", version: tomcatVersion
compile group: "org.apache.tomcat.embed", name: "tomcat-embed-jasper", version: tomcatVersion

compile group: "org.primefaces", name: "primefaces", version: "4.0"
compile group: "com.sun.faces", name: "jsf-api", version: "2.1.21"
compile group: "com.sun.faces", name: "jsf-impl", version: "2.1.21"

where tomcatVersion is "7.0.34". The key changes here are:

spring-boot-starter-web
spring-boot-starter
spring-web
  • Explicitly including the tomcat-embed dependencies since spring-boot-starter-web is not here anymore.

Here are the new contents of my main class:

package com.hello;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
import org.springframework.boot.context.embedded.ServletRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;

import javax.faces.webapp.FacesServlet;

@Configuration
@ComponentScan
@EnableAutoConfiguration
public class Application {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

    @Bean
    public ServletRegistrationBean servletRegistrationBean() {
        FacesServlet servlet = new FacesServlet();
        return new ServletRegistrationBean(servlet, "*.xhtml");
    }
}
@EnableAutoConfiguration
<?xml version="1.0" encoding="UTF-8"?>
<faces-config xmlns="http://xmlns.jcp.org/xml/ns/javaee"
              xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
              xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd"
              version="2.2">
    <application>
        <el-resolver>org.springframework.web.jsf.el.SpringBeanFacesELResolver</el-resolver>
    </application>
</faces-config>

and the web.xml file also in webapp/WEB-INF:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
          http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
           version="2.5">

    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.xhtml</url-pattern>
    </servlet-mapping>
</web-app>

The servlet definitions seem redundant, but for some reason if I remove them either from the web.xml file or the servlet registration bean, rendering of xhtml pages doesn't work as expected or not at all. EDIT: turns out the servlet mapping isn't necessary in the web.xml file, it was just an IDE problem, in my case Intellij Idea doesn't know about the servlet mapping being defined in the servlet registration bean, so it was complaining about missing mappings for the expected servlet, but the application runs without problems nevertheless.

One small addition: You have to set the IDE's build path to src/main/webapp/WEB-INF/classes (if you want to use the IDEs debugger). Eclipse puts the classes to /bin by default. Unfortunately JSF doesn't scan this folder, so it doesn't find any @ManagedBean. I suppose you have to configure other IDEs in a similar way.

Spring Boot and JSF/Primefaces/Richfaces - Stack Overflow

spring jsf primefaces spring-boot
Rectangle 27 10

Place your js code into a function and call it in oncomplete of your p:ajax

<p:ajax update="outPan" event="change" oncomplete="myFunc()" />
<script type="text/javascript">
$(document).ready(function(){
    myFunc();
});
function myFunc() {
    $('#sButton').prop('disabled',true);
    $('#wType').css({'border':'red'})
}
</script>

There is not ready event after primefaces ajax (after all it an ajax and not a full page reload)

If you want to hook some js code after the p:ajax , you can use its onsuccess attribute

Maybe I did not correctly explained my problem. When page is open, jquery works everywhere on page. But when I update outputPanel with ajax, jquery do not work in outpuPanel. Jquery continue works in another parts of page.

Onsuccess is indeed wrong hook if you intend to apply jQuery on the HTML elements which are only available after actual ajax update: stackoverflow.com/questions/15028868/

That's in turn true. I must however admit that the PrimeFaces naming makes more sense. "success" must be interpreted as in, "ajax response is retrieved successfully". The failure condition is "error", which is then to be handled as onerror. If we follow standard JSF naming, you'd have onerror as counterpart of oncomplete. This makes no sense.

<p:ajaxStatus onsuccess="myFunc" />

JQuery not working after ajax update in jsf - Stack Overflow

jquery jsf primefaces
Rectangle 27 19

Primefaces itself only provides english translations for localizable components like calendar. If you need other translations you have to include them manually into your JSF via JavaScript.

<script type="text/javascript">  
    PrimeFaces.locales['tr'] = {
    closeText: 'kapat',
    prevText: 'geri',
    nextText: 'ileri',
    currentText: 'bugn',
    monthNames: ['Ocak','ubat','Mart','Nisan','Mays','Haziran','Temmuz','Austos','Eyll','Ekim','Kasm','Aralk'],
    monthNamesShort: ['Oca','ub','Mar','Nis','May','Haz', 'Tem','Au','Eyl','Eki','Kas','Ara'],
    dayNames: ['Pazar','Pazartesi','Sal','aramba','Perembe','Cuma','Cumartesi'],
    dayNamesShort: ['Pz','Pt','Sa','a','Pe','Cu','Ct'],
    dayNamesMin: ['Pz','Pt','Sa','a','Pe','Cu','Ct'],
    weekHeader: 'Hf',
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: '',
    timeOnlyTitle: 'Zaman Seiniz',
    timeText: 'Zaman',
    hourText: 'Saat',
    minuteText: 'Dakika',
    secondText: 'Saniye',
    ampm: false,
    month: 'Ay',
    week: 'Hafta',
    day: 'Gn',
    allDayText : 'Tm Gn'
};
</script>

jsf 2 - PrimeFaces locale not working - Stack Overflow

jsf-2 primefaces
Rectangle 27 1

<p:ajax event="rowEdit" listener="#{employees.onEdit}"
            update=":form:messages" />

you only update messagess and not datatable itself. Try this: update=":form:messages, :form:elist1". That works for me

I changed code as <p:ajax event="rowEdit" listener="#{employees.onEdit}" update=":form:messages,:form:elist1" /> <p:ajax event="rowEditCancel" listener="#{employees.onCancel}" update=":form:messages,:form:elist1" /> but no change

What scope you use? Is it view scoped bean? Have you done debugging? Do you enter this method or not?

i am using request scope. i updated the datatable component, with your code, but still it is not working..

Why do you use request scope instead of view scope? Do you have specific reason? This update that I suggested have no meaning in request scope.

I changed the scope to view..but exception is there. i paste the exception and my managed bean in my question

jsf 2 - row editing is not working in datatable primefaces - Stack Ove...

jsf-2 primefaces primefaces-extensions