Focal Point
[SOLVED] chained listbox loading message

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/3957081316

November 21, 2011, 05:48 AM
kumarhema
[SOLVED] chained listbox loading message
Hi,

I am having 3 listboxes which are chained. If the value in the 1st listbox is changed I need to empty the remaining 2 listboxes and give a message "Loading..." during the load process and need to show the data in the listboxes respectively once the process is completed. Same Message applies to the 3rd listbox when the 2nd is changed. Is there any posibility to handle this in 7.6.9
 Here is the code developed in 7.6.9
< !-- Generated by Report Layout Painter -->
<HTML>
<HEAD>
<META id=mycharsetmeta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<META id=Generation content="Gen 3.0">
<script id=IBI_RelCallBack type=text/javascript>function AdjustChildrenPosition(){
}
</SCRIPT>

<script id=IBI_OptionsScript type=text/javascript>
var cgipath = "cgipath";
var ibirls = "ibirls3";

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_nlsVars src="/ibi_html/javaassist/nlsvars.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>
function window_onload() {
UpdateData();
// TODO: Add your event handler code here
}
</SCRIPT>

<script for=window eventname="onload">window.onload = function() { window_onload(); }
</SCRIPT>
<BODY style="OVERFLOW: auto" nextelementuniquenumber="4" edaconnectionrequired="true"> 
<SPAN id=ITEM1 style="Z-INDEX: 2; LEFT: 60px; WIDTH: 97px; POSITION: absolute; TOP: 50px; HEIGHT: 16px" tabIndex=2>COUNTRY </SPAN>
<SELECT id=listbox1 style="Z-INDEX: 3; LEFT: 60px; WIDTH: 140px; POSITION: absolute; TOP: 86px; HEIGHT: 104px" tabIndex=3 multiple size=3 name=COUNTRY datafieldtype="CHAR" labelid="ITEM1" persistentuniqueid="compUid_1"></SELECT>
<SPAN id=ITEM2 style="Z-INDEX: 4; LEFT: 220px; WIDTH: 57px; POSITION: absolute; TOP: 46px; HEIGHT: 16px" tabIndex=4>CAR </SPAN>
<SELECT id=listbox2 style="Z-INDEX: 5; LEFT: 220px; WIDTH: 220px; POSITION: absolute; TOP: 82px; HEIGHT: 108px" tabIndex=5 multiple size=3 name=CAR datafieldtype="CHAR" labelid="ITEM2" persistentuniqueid="compUid_2"></SELECT>
<SPAN id=ITEM3 style="Z-INDEX: 6; LEFT: 480px; WIDTH: 79px; POSITION: absolute; TOP: 42px; HEIGHT: 16px" tabIndex=6>MODEL </SPAN>
<SELECT id=listbox3 style="Z-INDEX: 7; LEFT: 480px; WIDTH: 300px; POSITION: absolute; TOP: 78px; HEIGHT: 102px" tabIndex=7 multiple size=3 name=MODEL datafieldtype="CHAR" labelid="ITEM3" persistentuniqueid="compUid_3"></SELECT>
<INPUT id=layoutinfo style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden>
<INPUT id=ibiapp_app style="LEFT: -100px; POSITION: absolute; TOP: -100px" type=hidden value=tts name="ibiapp_app">
<xml id=focus_xmlelement>
<script>
<rootxmlnode>
<variables></variables>
<input_controls>
<input_control bindcontrolid="compUid_1" inbinding="1" top="86" left="60" width="60" height="20" elementtype="9" requiredfield="0" name="COUNTRY" id="listbox1" multiple="1" onetimepopulated="0">
<link linktype="default">
<condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0">
<data_info datatype="1" datasource="CAR.mas" datafield="COUNTRY" displayfield="COUNTRY" addalloption="1" sourcetype="typeMaster" cacheruntimedata="0" ibiformat="A10" dfformat="A10" accept="0" operation="OR" dynalldisplayvalue="ALL">
< ![CDATA[TABLE FILE CAR
SUM FST.COUNTRY
 BY COUNTRY
-*insert_filters_here
ON TABLE PCHOLD FORMAT XML
END
]]></data_info></condition></link></input_control>
<input_control bindcontrolid="compUid_2" inbinding="1" top="82" left="220" width="60" height="20" elementtype="9" requiredfield="0" name="CAR" id="listbox2" multiple="1" onetimepopulated="0">
<link linktype="default" from="compUid_1">
<condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0" resolveparameterfq="COUNTRY" resolveparameter="COUNTRY">
<data_info datatype="1" datasource="CAR.mas" datafield="CAR" displayfield="CAR" addalloption="1" sourcetype="typeMaster" cacheruntimedata="0" ibiformat="A16" dfformat="A16" accept="0" operation="OR" dynalldisplayvalue="ALL">
< ![CDATA[TABLE FILE CAR
SUM FST.CAR
 BY CAR
-*insert_filters_here
ON TABLE PCHOLD FORMAT XML
END
]]></data_info></condition></link></input_control>
<input_control bindcontrolid="compUid_3" inbinding="1" top="78" left="480" width="60" height="20" elementtype="9" requiredfield="0" name="MODEL" id="listbox3" multiple="1" onetimepopulated="0">
<link linktype="default" from="compUid_2">
<condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0" resolveparameterfq="CAR" resolveparameter="CAR">
<data_info datatype="1" datasource="CAR.mas" datafield="MODEL" displayfield="MODEL" addalloption="1" sourcetype="typeMaster" cacheruntimedata="0" ibiformat="A24" dfformat="A24" accept="0" operation="OR" dynalldisplayvalue="ALL">
< ![CDATA[TABLE FILE CAR
SUM FST.MODEL
 BY MODEL
-*insert_filters_here
ON TABLE PCHOLD FORMAT XML
END
]]></data_info></condition></link></input_control></input_controls>
<other_bound_objects></other_bound_objects>
<requests></requests></rootxmlnode></script>
</xml></BODY>
<script id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML"> 

This message has been edited. Last edited by: Kerry,


8.0.9,windows XP,HTML,EXCEL,PDF
November 24, 2011, 04:12 AM
kumarhema
Got the solution: Onclick of listbox1 call the function below:
function changelist(){
        var list2 = document.getElementById('listbox2');
        var i;
for(i=list2.options.length-1;i>0;i--)
{
list2.remove(i);
}
        document.getElementById("listbox2").value = "";
        document.getElementById("listbox2").options[0].text = 'Loading...' ;
        var list3 = document.getElementById('listbox3');
        var i;
for(i=list3.options.length-1;i>0;i--)
{
list3.remove(i);
}
        document.getElementById("listbox3").value = "";
        document.getElementById("listbox3").options[0].text = 'Loading...' ;
}  



8.0.9,windows XP,HTML,EXCEL,PDF