SpringMVC how to Bind Multi Select Options When Form Is Returned From Controller

Greenhorn

Posts: 6

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I have four select option list two are populated with data form the database and two are multi selects which are bind to the POJO. I then use java script to add options form the database select option list into the bind select option list however when i submit to the controller if the form is returned with errors and the select option list have data in it the data is lost.

The list items are both getting data properly only when the form is posted to the controller if the validation finds any errors and returns the form if these fields had data its lost.
I saw based on some research i need to register a custom binder but i am not sure how to write a binder for just the two fields (criminals and victims) and how do i populate the list to be returned

jsp:

<ol>
<li><label>Victims List</label><button id="addVictimBtn">+/button>

<form:select path="" id="dbvictims" title="Victims Of Crime" class="victimLst">
<form:options items="${dbvictims.dbvictimList}" itemValue="socialSecurityNumber" itemLabel="name"/>
</form:select>

<label>Victims In Crime</label><button id="removeVictimBtn">-</button> 
<form:select path="victims" id="victims" title="Victims Of Crime"  multiple="multiple" class="victimLst">
<form:options items="${victims.victimList}" itemValue="socialSecurityNumber" itemLabel="name"/>
</form:select><form:errors path="victims" class="errors" />                            
</li>
</ol>

<ol>
<li>
<label>Criminals List</label><button id="addCriminalBtn">+</button>
<form:select path="" id="dbcriminals" title="Criminals Of Crime" class="criminalsLst">
<form:options items="${dbcriminals.dbcriminalList}" itemValue="socialSecurityNumber" itemLabel="name"/>
</form:select>

<label>Criminals In Crime</label><button id="removeCriminalBtn">-</button> 
<form:select path="criminals" id="criminals" title="Criminals Of Crime"  multiple="multiple" class="criminalsLst">
<form:options items="${criminals.criminalList}" itemValue="socialSecurityNumber" itemLabel="name"/>
</form:select><form:errors path="criminals" class="errors" />                           
</li>
</ol>

Jquery This is used to add items from the dblist to the from bind list elements

$('#addVictimBtn').click(function(event){
        event.preventDefault();
        var victimId = $('#dbvictims option:selected').val();
        var victimName = $('#dbvictims option:selected').text();
        var options = '<option value="'+ victimId +'">' + victimName +'</option>';
        var exists = false;

$('#victims option').each(function(){
        //alert($(this).val());
        if(this.value == victimId){

exists = true;
        }                               
    });

if(!exists){
        $('#victims').append(options);              
    }           
    return false;           
});

$('#addCriminalBtn').click(function(event){
    event.preventDefault();
    var criminalId = $('#dbcriminals option:selected').val();
    var criminalName = $('#dbcriminals option:selected').text();
    var options = '<option value="'+ criminalId +'">' + criminalName +'</option>';
    var exists = false;

$('#criminals option').each(function(){
        //alert($(this).val());
        if(this.value == criminalId){

exists = true;
        }                               
    });

if(!exists){
        $('#criminals').append(options);            
    }           
    return false;           
});

Validation