PF5 SelectCheckBoxMenu ajax update error

shinsuke · 19 May 2014, 03:25

PF5 SelectCheckBoxMenu ajax update is JavaScript Error.

Error:Syntax error, unrecognized expression: unsupported pseudo: selectCheckboxMenu_panel

Code: Select all

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:f="http://java.sun.com/jsf/core">
  <h:head>
    <title>SelectCheckboxMenu Error</title>
  </h:head>
  <h:body>
    <h:form id="form">
      <p:selectCheckboxMenu id="selectCheckboxMenu" label="Options">
        <f:selectItems value="#{backingBean.items}"/>
      </p:selectCheckboxMenu>
      
      <p:commandButton value="click" update="selectCheckboxMenu"/>
    </h:form>
  </h:body>
</html>

this code PF4 no error.

jherkel · 13 Jun 2014, 15:29

I have same problem. Any idea what is wrong?

markusg80 · 09 Jul 2014, 22:31

I have the same issue! Very important to fix this

09 Jul 2014, 23:21

Fixed for 5.1 and 5.0.4

RaviKul · 16 Sep 2014, 16:13

Im noticing same error and using PF 5. In my case, SelectCheckBoxMenu is on overlaypanel and after data selection and form submission, there is business validation. If validation fails, I have to keep the overlay open. I have similar user case on another screen which works great but having SelectCheckBoxMenu on the current screen throws JS error "Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: suppSpecType_panel".

After reviewing current thread looks like it's a known issue and patch has been released. Our's is a maven project. So how do I get 5.1 release(assuming patch is in) via maven repository. I looked for it on Maven site but apparently not available yet. Any suggestions is greatly appreciated.

jwtillmanjx · 23 Sep 2014, 21:49

I added this to a JavaScript file that my page imports and now it's working, at least without any errors seen so far.

Code: Select all

// This issue is fixed as of PrimeFaces 5.0.4 and later. REMOVE this function when update to 5.0.4 or later!!!
PrimeFaces.widget.SelectCheckboxMenu.prototype.refresh = (function()
{
	return function()
	{
		//$(this.panelId).remove();								   REMOVED
		$(PrimeFaces.escapeClientId(this.panelId)).remove();	// ADDED
		this.init( arguments[0] );
	};
})();

smithh032772 · 24 Sep 2014, 17:36

PrimeFaces 5.1.RC1 Released

The issue should no longer exist in PrimeFaces 5.1. Correct?

pablo.palma · 10 Mar 2017, 06:10

Xml:
<selectCheckboxMenu id="languages" value="#{accountController.languages}" label="Languages:" multiple="true" filter="false" filterMatchMode="startsWith" panelStyle="width:250px">
<selectItems value="#{languagesController.itemsAvailable}">
</selectItems>
</selectCheckboxMenu>

Error:
JS Error: Syntax error, unrecognized expression: [data-item-value=XXX"]
In PF6, I added this javascript:

PrimeFaces.widget.SelectCheckboxMenu.prototype.removeMultipleItem= (function()
{
return function(b)
{

var a = this.multiItemContainer.children();
if (a.length) {
a.filter("[data-item-value='" + b.data("item-value") +"' ]").remove()
}
};

and it worked

Kushal Goswami · 04 Dec 2018, 12:08

jwtillmanjx wrote: ↑
23 Sep 2014, 21:49
I added this to a JavaScript file that my page imports and now it's working, at least without any errors seen so far.
Code: Select all
// This issue is fixed as of PrimeFaces 5.0.4 and later. REMOVE this function when update to 5.0.4 or later!!!
PrimeFaces.widget.SelectCheckboxMenu.prototype.refresh = (function()
{
	return function()
	{
		//$(this.panelId).remove();								   REMOVED
		$(PrimeFaces.escapeClientId(this.panelId)).remove();	// ADDED
		this.init( arguments[0] );
	};
})();

This is Working Fine Thanks .
PF 5.0 having update issue with SelectCheckboxMenu and solve that with this Component.

PF5 SelectCheckBoxMenu ajax update error

Who is online