Forum | Appery.io

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?

Hello,

You can add next line:

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

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

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

Show us code you use.

Screenshot attached.

Hello Fotios,

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

Still no luck.

Hello!

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

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.

Hello Fotios,

Thank you for the update.