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 属性を使用してこのコードを呼び出すにはどうすればよいですか?
助けてくれてありがとう。よろしく。