Как манипулировать элементами управления PrimeFaces с помощью Javascript?

Question

У меня есть флажок PrimeFaces на странице JSF, который я хотел бы отметить / снять, используя Javascript / jQuery. Глядя на исходный код PrimeFaces (forms.js) для SelectBooleanCheckbox.onclick:

 if(checked) {
    _self.output.removeClass('ui-state-active');
    _self.input.removeAttr('checked');
    _self.icon.removeClass('ui-icon ui-icon-check');
  } else {
    _self.output.addClass('ui-state-active');
    _self.input.attr('checked', 'checked');
    _self.icon.addClass('ui-icon ui-icon-check');
  }

Есть ли какой-нибудь Javascript API для PrimeFaces, который будет обрабатывать это для меня, или мне нужно будет дублировать этот код? Я использую PrimeFaces 3.0.M4.

Answer 1

Ознакомьтесь с разделами API на стороне клиента в руководстве пользователя PrimeFaces. Вы можете использовать widgetVar.check () и widgetVar.uncheck ().

Answer 2

PrimeFaces отображает ненавязчивый JavaScript, который четко отделяет поведение от HTML. клиент боковой движок работает на jQuery версии 1.6.4. (если вы используете 3.0.M4 - Primefaces 2 использует JQuery 1.4, если я правильно помню)

Вы можете получить доступ к библиотеке jquery, используемой Primefaces, используя этот код:

<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />

Также вы должны знать, что вы не должны использовать другую библиотеку jquery! Может вызвать нестабильность!