Question

我在visualforce页面中有一个commandButton，我需要添加oncomplete属性。

<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);
        });

基本上，上面的代码将每个表行带有类名＆＃34; datacell＆＃34;并在行上循环并隐藏某些图像。

如何使用commandButton中的oncomplete属性调用此代码？

感谢您的帮助。问候。

Answer 1

我不确定我理解你的问题。如果我理解正确，它应该像

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

j$(document).ready(function() {
   updateRows();     
});

function updateRows(){
       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);
            });
        });
}

将jquery变量传递给函数oncomplete

1 个答案: