CollapsiblePanel and datasetProblem

Question

I have a form wich supposed to interact the collapsible
panels. The first option add category is working , however the
second one does not. should I create a form for separate
CollapsiblePanel.
<cffunction name="GenerateAdmissionsWizardText">
<cfsavecontent variable="output">
<cfoutput>
<script type="text/javascript"
src="/spry/includes/xpath.js"></script>
<script type="text/javascript"
src="/spry/includes/SpryData.js"></script>
<script type="text/javascript"
src="/spry/includes/SpryNestedXMLDataSet.js"></script>
<script type="text/javascript"
src="/spry/widgets/accordion/SpryAccordion.js"></script>
<link
href="/spry/widgets/collapsiblepanel/SpryCollapsiblePanel.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="/spry/includes/Effect.js"></script>
<script type="text/javascript"
src="/spry/widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
<link href="/spry/widgets/accordion/SpryAccordion.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="/spry/includes/tmt_core.js"></script>
<script type="text/javascript"
src="/spry/includes/tmt_net.js"></script>
<script type="text/javascript"
src="/spry/includes/tmt_form.js"></script>
<script type="text/javascript"
src="/spry/includes/tmt_ajaxform.js"></script>
<script type="text/javascript">
var dsProducts = new
Spry.Data.XMLDataSet("category.cfm","categories/category",{
useCache: false});
var dsProductFeatures = new
Spry.Data.NestedXMLDataSet(dsProducts, "features/feature");
</script>
<script type="text/javascript">
function dsRefresh(){
dsProducts.loadData();
</script>
<cfparam name="form.school" default="">
<cfset session.schoolcode=form.school>
<div id="Addcategories">
<cfif session.schoolcode eq "psl">
<h2>Step 1: Select Your Program</h2>
<cfelse>
<h2>Step 1: Select Your Area of Interest</h2>
</cfif>
<p>Thank you for choosing the #session.schoolname#.
<cfif session.schoolcode eq "business">
<strong>Please note that all applications to the Carey
Business School should be submitted via the Web using the online
application. Paper applications are no longer
accepted.</strong>
</cfif>
The information and steps that follow should help you easily
navigate the online admissions process. If you have additional
questions, please don't hesitate to contact us at
#session.appphonenumber# or email <a
href="mailto:#session.appemail#">#session.appemail#</a></p>
<form action="insertcategory.cfm" method="post"
tmt:ajaxform="true" tmt:ajaxformcallback="dsRefresh"
name="category" >
<input type="hidden" value="#session.schoolcode#"
name="school">
<cfoutput> <input type="hidden"
Name="FieldsSave"></cfoutput>
<input type="submit" value="Submit" name="btnsubmit2"
id="btnsubmit2" >
<div spry:region="dsProducts" id="content">
<select spry:repeatchildren="dsProducts"
name="programlist" id="programlist" size="15"
dsProducts.setCurrentRowNumber(this.selectedIndex)">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
value="{id}" selected="selected">{categoryname}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{id}">{categoryname}</option>
</select>
<div id="upDown">
<input type="button" id="moveUp" name="moveUp"
value="MoveUp"
onclick="javascript:Field_up(document.category.programlist);"/>
<input type="button" id="moveDown" name="moveDown"
value="moveDown"
onclick="javascript:Field_down(document.category.programlist);"/>
</div>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">ADD
CATEGORY</div>
<div class="AccordionPanelContent"
style="width:300px;">
<label for="categoryname">Category Name</label>
<input type="text" name="categoryname" id="categoryname"
/>
<label id="label"
for="hidden">Show/Hide:</label>
<label for="hidden1">Yes</label>
<span class="schoolcode1"><input type="radio"
id="hidden1" name="hidden" value="0" >
<label for="hidden">No</label>
<input type="radio" id="hidden2" name="hidden"
value="1"></span>
<div><input type="submit" value="Save data"
class="submit" /></div>
<input name="prod_id" type="hidden" value="{id}" />
</div>
</div>
<div id="CollapsiblePanel2" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="1">ADD
SUBCATEGORY</div>
<div class="CollapsiblePanelContent"
style="width:300px;">
<label for="subcategoryname">SubCat
Name:</label>
<input type="text" name="subcategoryname"
id="subcategoryname" />
<label id="label"
for="hidden">Show/Hide:</label>
<label for="hidden1">Yes</label>
<span class="schoolcode1"><input type="radio"
id="hidden1" name="hidden" value="0" >
<label for="hidden">No</label>
<input type="radio" id="hidden2" name="hidden"
value="1"></span>
<input type="submit" value="Save data" class="submit"
name="btnsubmit2"/>
<input name="prod_id" type="hidden" value="{id}" />
</div>
</div>
<div id="CollapsiblePanel3" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="1">Sort
Category</div>
<div class="CollapsiblePanelContent"
style="width:300px;">
<div id="upDown">
<input type="button" id="moveUp" name="moveUp"
value="MoveUp"
onclick="javascript:Field_up(document.category.programlist);"/>
<input type="button" id="moveDown" name="moveDown"
value="moveDown"
onclick="javascript:Field_down(document.category.programlist);"/>
</div>
<input type="submit" value="Save data" class="submit"
name="btnsubmit2"/>
<input name="prod_id" type="hidden" value="{id}" />
</div>
</div>
<script type="text/javascript">
var acc1=new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1",{enableAnimation:
false,contentIsOpen: false });
var acc2=new
Spry.Widget.CollapsiblePanel("CollapsiblePanel2",{enableAnimation:
false,contentIsOpen: false });
var acc3=new
Spry.Widget.CollapsiblePanel("CollapsiblePanel3",{enableAnimation:
false,contentIsOpen: false });
</script>
</form>
</div>
<cfdump var=#form#>
</cfoutput>
</cfsavecontent>
<cfreturn output>
</cffunction>

Answer 1

You have a loadInterval of 10 seconds specified on your data
set. This means that every 10 seconds your data set will reload
data from the server and as a result of that your region is going
to be re-created.
Do you really need the loadInterval? If so, then you're going
to have to add code to track what the last record was that was
selected, and then re-select that same record in your data set
after the data is loaded again.
--== Kin ==--