2011-11-30 50 views
2

我在JSF頁面上有一個PrimeFaces複選框,我想使用Javascript/jQuery來檢查/取消選中。縱觀PrimeFaces源代碼(forms.js)爲SelectBooleanCheckbox.onclick:如何使用Javascript來操縱PrimeFaces控件?

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。

回答

3

查看PrimeFaces用戶指南中的客戶端API部分。您可以使用widgetVar.check()和widgetVar.uncheck()。

+0

也許我錯過了一些東西,但我無法在API或用戶指南中找到這些方法。唯一可用的方法似乎是.enable()和.disable()。我使用3.0.M4順便說一句。 – user1072770

+0

嘗試3.0.RC1-SNAPSHOT。 –

+0

找到了。謝謝! – user1072770

0

PrimeFaces呈現unobstrusive JavaScript乾淨地分離行爲從HTML。客戶端 側引擎由jQuery版本1.6.4提供支持。(如果你使用3.0.M4 - Primefaces 2用了jQuery 1.4,如果我沒記錯的話)

您可以訪問通過使用此代碼Primefaces使用jQuery庫:

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

你也應該知道你一定不能使用另一個jQuery庫!可能會導致不穩定!