[Resolved] display blank field if item in wpv-loop equals previous item

[Author]

Posts

[davidm-13]

Tell us what you are trying to do?

In a View Loop Editor I have:

                <wpv-loop>
			<tr>
				[wpv-post-body view_template="Loop item in Complaints list"]
			</tr>
		</wpv-loop>

and the Loop item in Complaints list is:

<td>[wpv-post-field name="wpcf-system-cf"]</td>
<td>[wpv-post-field name="wpcf-complaint-cf"]</td>
<td>[wpv-post-taxonomy type="action-medicinal" format="name"]</td>
<td>[types field="prep-admin"][/types]</td>
<td>[types field="parts-used"][/types]</td>
<td>[types field="source"][/types]</td>

the output is sorted by the 1st field - "wpcf-system-cf", if this value is repeated, I want only the 1st occurrence to appear and in the following rows with the same value, the 1st column should be blank. How do I do this?

Thanks for your help

[Christian Cox]

Hi, when the loop is rendered, each iteration has no reference to a previous or future iteration. That means it's not possible to set up a conditional that compares a value from one iteration to a value in another iteration. Instead, you would have to do this with custom CSS and JavaScript. For example, add a custom class to each system-cf cell, and a wrapper span tag like this:

...
<td class="only-first-system-cf"><span>[wpv-post-field name="wpcf-system-cf"]</span></td>
...

Then in your custom CSS:

.only-first-system-cf > span {
  display:none;
}

.only-first-system-cf.first > span {
  display:inline;
}

Then in your custom JS:

jQuery(document).ready(function(){
  var firsts = [];
  var txt = '';
  jQuery('.only-first-system-cf').each(function(index, item) {
    txt = jQuery(item).text();
    if(firsts.indexOf(txt) == -1){
    	firsts.push(txt);
        jQuery(item).addClass('first');
    }
  });
});

[davidm-13]

Thanks Christian, much appreciated.

Works perfectly

David