Javascript call to see if a list component is empty

[Atta]

I have two list's components.
1 MainList
2 MainHelpList

List 2 is linked to list 1 both lists are on the same UX component.

I would like # 2 not the show up if there is no link between the two lists, how can I do that?

I have build a javascript but that keeps giving me errors.

function IfNoRecords(){
if ({dialog.componentname}.MainHelpList.RECORDCOUNT == 0)
{
return false;
}
return true;

};

I have placed this in the Show/hide expression (server side) of the MainHelpList.

Hope someone can help me.

Thanks
Roelof

[Clipper87]

Re: Javascript call to see if a list component is empty

Javascript cannot be used for a server side expresssion; you have to use it for a client side expression. So first step is to put it in the client side Show/Hide expression

[Atta]

Re: Javascript call to see if a list component is empty

Sorry this is in the client side expression, but I really don't care how I do it, I just don't want the list to show up if there are no records in it.

[Davidk]

Re: Javascript call to see if a list component is empty

Hey Roelof,

Did you solve this?

[Atta]

Re: Javascript call to see if a list component is empty

No not yet.
The only way that it can be done I think is to do a check before the grid gets drawn

[Davidk]

Re: Javascript call to see if a list component is empty

Hey Roelof,

You mentioned grid... but I think you mean UX... just checking.

This took a bit of fiddling but is quite easy to implement. This video will show you what you need to do and why.

http://www.youtube.com/watch?v=EqNm6XnwKIE

And here is the code used. The code goes into an XBasic function which is run from the Child List Server-Side After Query event. I don't think you can use the Client-side Show/Hide Expression because it gets fired before the child list is complete. The idea is to wrap the Child List in a Container so that you can show and hide the container.

if e.recordsInQuery = 0 then
	e.javascript = "$('{dialog.Componentname}.V.R1.CONTAINER_1').style.display='none';"
else
	e.javascript = "$('{dialog.Componentname}.V.R1.CONTAINER_1').style.display='block';var listObj = {dialog.object}.getControl('LIST2');listObj.refresh();"
end if

[Atta]

Re: Javascript call to see if a list component is empty

Thank you VERY much this works great.

The only issue I see now is that the lines around the list are gone. The list on the left has the lines around it and the list on the right does not anymore after I added the Xbasic
And the list box was higher than the other box so I had to add some spacing above it to make it line up with the list on the left
nomorelines.PNG

[Davidk]

Re: Javascript call to see if a list component is empty

My child list style is unaffected... it is a normal looking list... as it should be.

My child list is inside a container, and the container has Prevent Container Float checked, to ensure it lines up. And it behaves properly whether the child list is below or beside the parent list.

There must be something else going on with your UX

[Atta]

Re: Javascript call to see if a list component is empty

nomorelines1.PNGnomorelines2.PNG

Nomorelines1 shows that the MainIP list has bumped up
Nomorelines2 shows the layout

[Davidk]

Re: Javascript call to see if a list component is empty

Here's something interesting. You're using GrTan as a style? Or MobTan. This styles don't behave quite the same as iOS or Slate.

Try this. Instead of using a plain container... change the Container Type to NoFloat. I think that will help.

In my example I have a container around the child list only. Putting a container around the parent list as well changes the behaviour.

[Atta]

Re: Javascript call to see if a list component is empty

Thanks David, I started from scratch with my layout and now it is working fine, I must have somewhere clicked and that screwed it up.

Thanks
Roelof