我如何使用jquery引用jsf對象？

我想用jQuery獲取文本框對象。我如何使用jquery引用jsf對象？

$(function() { 
    // create a datepicker with default settings 
    $("[id='#{fbForm.beginDate}']").mobiscroll().date({ 
     invalid: { 
      daysOfWeek: [0, 6], 
      daysOfMonth: ['5/1', '12/24', '12/25'] 
     }, 
     theme: 'android-ics light', 
     display: 'bottom', 
     mode: 'scroller', 
     dateOrder: 'mmD ddyy' 
    }); 
});

這不行？爲什麼是什麼Assumming你有

<h:form id="myForm"> 
    <h:inputText id="myText" /> 
</h:form>

您可以通過訪問該組件使用jQuery的問題

來源

2013-03-13 user2153566

以何種方式它「不工作」？ – isherwood 2013-03-13 01:55:06

也可以顯示您想要獲取的對象的示例。 – 2013-03-13 01:55:38

我只是想獲得用jsf創建的文本框對象編號爲 – user2153566 2013-03-13 01:56:48

var myText = $('#myForm\\:myText');

例子：

<script type="text/javascript"> 
    //<![CDATA[ 
    window.onload = function() { 
     var myTextValue = $('#myForm\\:myText').val(); 
     alert(myTextValue); 
    }; 
    //]]> 
</script> 

<h:form id="myForm"> 
    <h:inputText id="myText" value="#{fbForm.beginDate}" /> 
</h:form>

或者您可以使用純組分在<h:form>上加prependId="false" ID：

<script type="text/javascript"> 
    //<![CDATA[ 
    window.onload = function() { 
     var myTextValue = $('#myText').val(); 
     alert(myTextValue); 
    }; 
    //]]> 
</script> 

<h:form prependId="false"> 
    <h:inputText id="myText" value="#{fbForm.beginDate}" /> 
</h:form>

來源

2013-03-13 02:31:11

萬一你使用RichFaces的，你也可以使用：

豐富：的clientId（ID） - 返回客戶端ID爲組件通過它的短ID。

豐富：元素（ID） - 返回DOM元素傳遞的短ID

豐富：成分（ID） - 返回RichFaces的客戶端組件實例調用一些API方法。

rich：isUserInRole（role） - 返回用戶是否指定角色。

豐富：findComponent（ID） - 對於給定的短ID返回組件實例

豐富：jQuery的（ID） - 返回與給定短ID

實施例的元素的jQuery對象：

<h:form> 
    <h:inputText id="input"> 
     <a4j:ajax render="out" /> 
    </h:inputText> 
    <h:outputText value="#{rich:findComponent('input').value}" id="out" /> 
</h:form>

問候，

來源

2013-03-13 09:34:12

我如何使用jquery引用jsf對象？

回答

相關問題