[CLOSED] Dev Studio HTML Composer - "double list" buggy?

January 23, 2011, 12:50 PM

Francis Mariani

I scanned FocalPoint postings for "double list" and found several that pointed out bugs - hot fixes appear to correct some of these. It is annoying for someone new to the GUI tools to almost immediately discover that things just don't work.

I created a simple HTML page with one double-list on it. I assigned the left box to CAR.COUNTRY. I added a Reset button.

Select one or more values, click on the > button to add them to the selected box. Click on Reset, the values get re-added to the original box, but do not get removed from the selected box. Clicking on Reset repeatedly adds the first item from the left box to the right box.

Bug. Here's a darn good reason why the internals of this should be documented so we can figure out how to work around the bug.

<!-- Generated by Report Layout Painter -->
<HTML>
<HEAD>
<SCRIPT id=IBI_RelCallBack type=text/javascript>function AdjustChildrenPosition(){
}
</SCRIPT>
 
<SCRIPT id=IBI_OptionsScript type=text/javascript>
var rltVersion = "764";
var cgipath = "cgipath";
var ibirls = "ibirls2";
 
var rltdyncalendar = "rltdyncalendar";
var gmap = "ibigmap";
var olap="olap";
var olappanebase="olappanebase";
var olapdrill="olapdrill";
 
var ibixmltree="ibixmltree";
 
var ibiOptions = new Array(cgipath,ibirls);
</SCRIPT>
 
<SCRIPT id=IBI_nls src="/ibi_html/javaassist/nls.js" type=text/javascript></SCRIPT>
 
<SCRIPT id=IBI_ibigbl src="/ibi_html/javaassist/ibi/html/js/ibigbl.js" type=text/javascript></SCRIPT>
 
<SCRIPT id=IBI_ibigblloadCss type=text/javascript>
ibigblloadCss(null);</SCRIPT>
<TITLE>HtmlPage</TITLE>
<SCRIPT id=clientEventHandlersJS type=text/javascript>
//Begin function window_onload
function window_onload() {
 
UpdateData();
 
// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload
 
//Begin function customselect1_OnClick
function customselect1_OnClick(ctrl) {
// TODO: Add your event handler code here
moveSelection(ctrl, false)
}
//End function customselect1_OnClick
 
//Begin function customselect1_OnDblClick
function customselect1_OnDblClick(ctrl) {
// TODO: Add your event handler code here
moveSelection(ctrl, true)
}
//End function customselect1_OnDblClick
</SCRIPT>
 
<SCRIPT for=window eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>
</HEAD>
<BODY style="OVERFLOW: auto" edaconnectionrequired="true">
<SPAN language=javascript id=customselect1 ondblclick=customselect1_OnDblClick(this) style="Z-INDEX: 2; LEFT: 10px; WIDTH: 370px; POSITION: absolute; TOP: 10px; HEIGHT: 160px" onclick=customselect1_OnClick(this) tabIndex=2 elementtype="36">
<SPAN id=ITEM2 style="Z-INDEX: 3; LEFT: 0px; WIDTH: 370px; POSITION: absolute; TOP: 0px; HEIGHT: 19px" tabIndex=3>double list test1</SPAN> 
<INPUT id=customselect1_addbutton style="Z-INDEX: 4; LEFT: 170px; WIDTH: 24px; POSITION: absolute; TOP: 40px; HEIGHT: 24px; BACKGROUND-COLOR: lavender" tabIndex=4 type=button value=">" name=button1> 
<INPUT id=customselect1_removebutton style="Z-INDEX: 5; LEFT: 170px; WIDTH: 24px; POSITION: absolute; TOP: 80px; HEIGHT: 24px; BACKGROUND-COLOR: lavender" tabIndex=5 type=button value="<" name=button2> 
<SELECT id=customselect1_selectfrom style="Z-INDEX: 6; LEFT: 0px; WIDTH: 150px; POSITION: absolute; TOP: 29px; HEIGHT: 100px" tabIndex=6 multiple size=3 name=listbox1 dynalldisplayvalue="ALL" addalloption="0" ibiformat="A10" datafield="COUNTRY" displayfield ibiapp_app="fmarian" ibic_server="EDASERVE" sourcetype="typeMaster" datatype="1" datasource="CAR.mas" defaultlocation="29,0,83,59"></SELECT> 
<SELECT id=customselect1_selectto style="Z-INDEX: 7; LEFT: 210px; WIDTH: 150px; POSITION: absolute; TOP: 30px; HEIGHT: 90px" tabIndex=7 size=150 name=listbox2></SELECT> 
<INPUT id=reset1 style="Z-INDEX: 8; LEFT: 300px; POSITION: absolute; TOP: 130px" tabIndex=8 type=reset value=Reset name=reset1></SPAN> 
<INPUT id=layoutinfo style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden inputcontrolids="customselect1_selectfrom;customselect1_selectto">
<INPUT id=ibiapp_app style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden value=fmarian name=ibiapp_app></BODY>
<SCRIPT id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML>

This message has been edited. Last edited by: Francis Mariani,

January 23, 2011, 04:13 PM

Waz

Francis, I have to admit, this is why I either build it my self (I then now how it works) or spend vast amounts of time going through js libraries to understant it.

January 23, 2011, 04:17 PM

Waz

I like the way you can duplicate the value.
It would certainly make me go crazy.

This is one of the issues with using the Reset button, and not a button that restores the original state of the page. My guess is that any other opject would reset, but lists are not normal. Have you tried the reset in other browsers ?

January 23, 2011, 05:51 PM

Francis Mariani

The thing is that this "double list" is not a normal HTML element - it's composed of two individual select lists and a couple of buttons. The Reset would have to manually coded, unless the GUI would generate the proper code, which it should.

January 23, 2011, 05:58 PM

Waz

I agree.

Another case with IBI ?

January 27, 2011, 02:34 PM

Kerry

Hi Francis,

I passed this one to our product group and here is the suggestion: If you would specify double-list in the New Parameters dialog, then it would generate the control and the reset button and it would be fine.

Cheers,
Kerry

February 03, 2011, 11:32 AM

Dan Pinault

We have abandoned the use of the double-list for the reasons mentioned here plus the fact that the selected order is not preserved when doing Saved Parameter reports. We just use 2 single list controls and add the necessary JavaScript for the buttons. Takes longer to set up but works exactly the way we would expect it to.

February 03, 2011, 11:39 AM

Francis Mariani

I have successfully created a hybrid Dev Studio GUI / jQuery double list. The thing can still be opened in the GUI (which is what management seem to need, based on some salesman's over-sales-pitch). The required jQuery is minimal. I can share the code...

Prod:	WebFOCUS 7.6.10/8.1.04	Upgrade:	WebFOCUS 8.2.07	OS:	Linux	Outputs:	HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

Prod:	WebFOCUS 7.6.10/8.1.04	Upgrade:	WebFOCUS 8.2.07	OS:	Linux	Outputs:	HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

Prod:	WebFOCUS 7.6.10/8.1.04	Upgrade:	WebFOCUS 8.2.07	OS:	Linux	Outputs:	HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!