Altering StrutsUtils.addEventListener behavior in utils.js /Customizing the framework

[E Robb]

I would like some way to fine tune the utils.js behavior. I am using 3 optiontransferselect boxes on a page. utils.js generates this code automatically in the page to select all the items in both select boxes when the form is submitted.

<script type="text/javascript">
	var containingForm = document.getElementById("jobsearchresult");
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_selectedLocations");
					selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_selectedJobCat");
					selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_selectedSkills");
					selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);

	var containingForm = document.getElementById("jobsearchresult");
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_allLocations");
					selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_allJobCat");
					selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_allSkills");
					selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);


</script>

I dont need the values in the right hand multiselect list box submitted so I dont need them all selected. So ideally what I would like to do is somehow alter the framework so if it sees option select transfer object this is printed out as the javascript in the page

<script type="text/javascript">
	var containingForm = document.getElementById("jobsearchresult");
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_selectedLocations");					
                                                                Custom_optiontransferselect_js(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_selectedJobCat");
					Custom_optiontransferselect_js(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_selectedSkills");
					Custom_optiontransferselect_js(selectObj, "key", "");
			}, true);


</script>

I know I can remove the lefthand option transfer events by altering Template/simple/form-close.ftl at the top but thats actually the portion I want to retain & can use to change the left hand js function called. I would like to remove the Right hand portion of the selectAllOptionsExceptSome

Is this where I should be concenrating my efforts. Ive never worked with ftl files except for basic css. Even if I comment out all of the optiontransferselect at the top of form-close.ftl struts still generates submit events for exactly the portion I dont want to deal with. The page renders with this javascript:

<script type="text/javascript">

	var containingForm = document.getElementById("jobsearchresult");
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_allLocations");					
                                                  selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_allJobCat");
				selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("jobsearchresult_allSkills");
					selectAllOptionsExceptSome(selectObj, "key", "");
			}, true);


</script>

[E Robb]

I was on the right track with influencing the behavior StrutsUtils.addEventListener but did not look far enough down in the simple/form-close.ftl. If you dont want the option values on the right to be selected on submit you can comment out the following code that starts on line 64

<#-- 
	*** Right hand select list box for bucket. 
		We dont want these auto selected on submit
-->
<#--
<#if (parameters.optiontransferselectDoubleIds?if_exists?size > 0)>
	var containingForm = document.getElementById("${parameters.id}");
	<#assign selectDoubleObjIds = parameters.optiontransferselectDoubleIds.keySet() />
	<#list selectDoubleObjIds as selectObjId>
		StrutsUtils.addEventListener(containingForm, "submit", 
			function(evt) {
				var selectObj = document.getElementById("${selectObjId}");
				<#if parameters.optiontransferselectDoubleIds.get(selectObjId)??>
					<#assign selectTagHeaderKey = parameters.optiontransferselectDoubleIds.get(selectObjId)/>
					selectAllOptionsExceptSome(selectObj, "key", "${selectTagHeaderKey}");
				<#else>
					selectAllOptionsExceptSome(selectObj, "key", "");
				</#if>
			}, true);
	</#list>
</#if>
-->

Thanks