1

jqueryでテキストボックスオブジェクトを取得したいです。

$(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'
    });
});

これは動作しません？なぜ何が問題なのか

4

2 に答える 2

1

あなたが持っていると仮定して

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

を使用してjQueryでコンポーネントにアクセスできます

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>

prependId="false"または、次のように追加して、プレーンなコンポーネント ID を使用できます<h:form>。

<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-13T02:31:11.287 に答える
0

RichFaces を使用している場合に備えて、以下も使用できます。

rich:clientId(id) - コンポーネントのクライアント ID を短い ID で返します。

rich:element(id) - 渡された短い ID の DOM 要素を返します

rich:component(id) - API メソッドを呼び出すための richfaces クライアント コンポーネント インスタンスを返します。

rich:isUserInRole(role) - ユーザーが役割を指定したかどうかを返します。

rich:findComponent(id) - 指定された短い ID のコンポーネント インスタンスを返します

rich: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>

これを行う方法の詳細と例:

http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=functions&skin=blueSky

よろしく、

于 2013-03-13T09:34:12.240 に答える