Unable to hide empty list items

[Fotios Kotsiopoulos]

Hi guys,

My application has a collapsibleset with a number of dynamic lists populated by a REST service. Each list item includes a grid with lables.

When the REST service provide a value for eth_type I'm able to detect the undefined values and reduce the size of the list.

I do so by using the following javascript when mapping label text like eth_type

if (typeof value === "undefined")
{
$(element).parent().parent().parent().hide();
}

The problem I have is that when the service doesn't include any response for some labels, the list is displayed empty.

How can I detect and hide these empty lists?

[Alena Prykhodko]

Hello,

You can add next line:

pre$( ":empty" ).hide();/pre

It can hide more elements then expected, just write your selector before :empty

[Fotios Kotsiopoulos]

Hi Alena.

Thanks. I can't get this to work as expected.
Should I apply the JS code with the :empty selector at the success mapping service or is it best to apply it once the service is complete and try to target individual selectors?

Regards,
Fotios

[Alena Prykhodko]

Show us code you use.

[Fotios Kotsiopoulos]

Screenshot attached.

[Evgene Karachevtsev]

Hello Fotios,

Please try to use the element that comes in
pre$(element).hide();/pre

[Fotios Kotsiopoulos]

Still no luck.

[Maryna Brodina]

Hello!

Please try this one pre$(element).closest("[name=mobilelistitem_767]").hide();/pre

[Fotios Kotsiopoulos]

Thanks,

I managed to work around this by defining default text label for
label_eth_type" of "novalue".

When the service completes I run the following code to hide lists that still include the default "novalue" text for label_eth_type.

$('.DisplayDatapathFlowsPage_label_eth_type:contains("novalue")').parent().parent().parent().hide();

Maybe not the best way of doing things but it works.

[Evgene Karachevtsev]

Hello Fotios,

Thank you for the update.