Navigation bar, page control

[Bill Parker]

In a list with a navigation bar, I selected the option to enter into the current page control. When I enter a page number I get the attached message saying List1 not found. I don't find a reference to list1 anywhere, and of course that is not the name of my list.

Bill.

[Davidk]

Re: Navigation bar, page control

This looks like a bug. Or maybe it's a feature that has not yet been implemented. Either way... you should report it.

This is the rendered HTML you get for the Navigation Bar Current Page Number input control...

<input class="editPrimary" style="width: 100px" value="1" onkeyup="if(event.keyCode == 13) {window['DLG1_DlgObj']._listNavigateToPage('list1',this.value)}">

Alpha has hard coded "list1" into the HTML... into the function. Alpha also makes this hard to get to. Every element surrounding this Current Page Number input has an id... this input does not.

Further, even a change to the onkeyup code gets overwritten by Alpha's static "list1" every time the list is rendered... which means every time you ask for a page.

So, to implement this feature, we need to use the List control onListDraw event. We need to get access to the control in front of the Page Number input. This control is the Previous Page.

Using the Previous Page id, we can get access to the next element... which is our Page Number. Now we can change it's behaviour.

setTimeout(function(){
	var cpnInput = $('{dialog.ComponentName}.V.R1.PERSON_LIST.CONTROL.PREV').nextElementSibling;
	cpnInput.onkeyup=function onkeyup(event){if(event.keyCode == 13) {window['DLG1_DlgObj']._listNavigateToPage('Person_list',this.value);}};
},100);

This grabs the next sibling element of the Previous Page element. Then we change the onkeyup function to something that works.

I'm not sure how advisable it is to do this... but it works... and doesn't seem to hurt anything. You should actually test cpnInput a bit to ensure it's what you really want... as Alpha could change things at any time and shove something else in between the Prev Page and the Page Number.

[Bill Parker]

Re: Navigation bar, page control

David, you are obviously the DOM whisperer. I knew this was going to bring a chuckle when I pasted your code, and it did. :-)

I fixed this one, and will leave another broken just so I can show the client that there are in fact people that can figure this stuff out!

I did report it, so hopefully we won't need to rely on the dependencies in this code forever.

Bill.

[Davidk]

Re: Navigation bar, page control

Code just needs to be put in place to pick up the proper List name. Many of the Alpha List examples are using "LIST1" and static data. If the Page Number feature was tested it most likely would have worked since the video introducing the Navigation Bar is using "LIST1". It's interesting that there is code in this feature to verify the List used.

Glad the temp fix worked.

[Bill Parker]

Re: Navigation bar, page control

Selwyn said this is fixed in the next pre-release.

[Davidk]

Re: Navigation bar, page control

This is safer code to use... it uses, as it should, a ComponentName Placeholder... instead of hardcoding "DLG1"...

setTimeout(function(){
	var cpnInput = $('{dialog.ComponentName}.V.R1.PERSON_LIST.CONTROL.PREV').nextElementSibling;
	cpnInput.onkeyup=function onkeyup(event){if(event.keyCode == 13) {window['{dialog.ComponentName}_DlgObj']._listNavigateToPage('Person_list',this.value);}};
},100);