How To Restore State When Dynamically Creating Script Objects

MORE INFORMATION

1. Create a new Active Server Pages (ASP) page with the scripting language set to "javascript".
2. Add a PageObject DTC making sure to enable the Scripting Object Model.
3. Add a Button DTC.
4. Right-click the PageObject, then click Properties, then go to the Properties tab. Add a property called NumFields.
5. Paste the following code immediately after the <BODY> tag:

         <SCRIPT LANGUAGE=javascript RUNAT=Server>
         var arrChk = null;
         var fDebug = 1;
         </SCRIPT>
         <%
         for (var nIndex = 0; nIndex < thisPage.getNumFields(); nIndex++)
         {
             //cycle through the arrChk array of check box script object
             //and call the display method to output to page
             arrChk[nIndex].display();
             Response.Write('<br>');
         }
         if (fDebug)
         {
             for (var nIndex = 0; nIndex < thisPage.getNumFields(); nIndex++)
             {
                 Response.Write('Value[' + nIndex + '] = ' +
                                     arrChk[nIndex].getChecked() + '<br>');
              }
         }
         %>
   						

6. Paste the following code immediately before the </BODY> tag:

         <!--#INCLUDE FILE="_ScriptLibrary/CheckBox.ASP"-->
         <SCRIPT ID=serverEventHandlersJS LANGUAGE=javascript RUNAT=Server>
   
         function thisPage_onenter()
         {
             var intNumCheck = 5;
   
             //1=debug mode
             //2=no debug
             fDebug = 1;
   
             if (thisPage.firstEntered == true)
             {
            //specifying the number of check boxes to create
            //then creating them
                 thisPage.setNumFields(intNumCheck);
                 CreateCheckboxes(false);
             }
         }
   
         function _ChkInit(nIndex)
         {
             arrChk[nIndex].setCaption('DynChk' + nIndex);
         }
   
         function CreateCheckboxes(fRestore)
         {
             var nChk = thisPage.getNumFields();
             arrChk = new Array();
   
             //create the check box script objects and throw them
             //into arrChk array to be used later
             for (var nIndex = 0; nIndex < nChk; nIndex++)
             {
                 arrChk[nIndex] = CreateCheckbox('DynChk' +
                   nIndex, '_ChkInit(' + nIndex + ')', null);
   
                 //if the form was submitted we need to restore the
                 //state of the check boxes
                 if (fRestore)
                     arrChk[nIndex]._restoreState();
             }
         }
   
         function Button1_onclick()
         {
             CreateCheckboxes(true);
         }
   
         </SCRIPT>