0

oncomplete 属性を追加する必要がある Visualforce ページに commandButton があります。

<apex:commandButton id="btnParticipant" value="Add Participant" action="{!addParticipant}" reRender="participantTable" />

定義した jquery メソッドを呼び出して、テーブルの行を引数として渡す必要があります。これが私のjqueryです:

<script type="text/javascript"> 
    var j$ = jQuery.noConflict();

    j$(document).ready(function() {
        var dataRows = j$('tr.dataRow');

        dataRows.each(function(index, elem) {
            updateImages(elem);
        });

        j$("img[id$=':deleteImage']").on("click", function(event) {
            updateImages(j$(this).closest('tr'));
        });

        j$('[id$=btnParticipant]').on("click", function(event){
            var dataRows = j$('tr.dataRow');
            dataRows.each(function(index, elem) {
                updateImages(elem);
            });
        });

    });

    function updateImages(myRow) {  
        var rowInputs =  j$(myRow).find('input[type="text"]');
        var contact = (j$(rowInputs[0]).val()); 
        var user = (j$(rowInputs[1]).val());
        var account = (j$(rowInputs[2]).val());

        if (contact !== '') {
            j$(rowInputs[0].parentNode).find('img').show();
            j$(rowInputs[1].parentNode).find('img').hide();
            j$(rowInputs[2].parentNode).find('img').hide();
        }    
        else if (user !== '') {
            j$(rowInputs[0].parentNode).find('img').hide();
            j$(rowInputs[1].parentNode).find('img').show();
            j$(rowInputs[2].parentNode).find('img').hide();
        }
        else if (account !== '') {
            j$(rowInputs[0].parentNode).find('img').hide();
            j$(rowInputs[1].parentNode).find('img').hide();
            j$(rowInputs[2].parentNode).find('img').show();
        }
        if (account !== '' && contact !== '') {
            j$(rowInputs[0].parentNode).find('img').show();
            j$(rowInputs[1].parentNode).find('img').hide();
            j$(rowInputs[2].parentNode).find('img').hide();
        }
    }
</script>

特に、oncomplete 属性を使用してコードのこの部分を複製する必要があります。

var dataRows = j$('tr.dataRow');

        dataRows.each(function(index, elem) {
            updateImages(elem);
        });

基本的に、上記のコードは、クラス名が「datacell」の各テーブル行を取得し、行をループして特定の画像を非表示にします。

commandButton の oncomplete 属性を使用してこのコードを呼び出すにはどうすればよいですか?

助けてくれてありがとう。よろしく。

4

1 に答える 1