Hi! I hope the following will help future django developers.

Scenario:

We need a form that allows the user to *add *and *remove* referees from a 
resume:  see (rough) snippet below:

(using materializecss)

      <div class="row">
        <div class="input-field col s6">
          <input id="ref_name" type="text" class="validate">
          <label for="ref_name">Reference Name</label>
        </div>
        <div class="input-field col s6">
          <input id="ref_position" type="text" class="validate">
          <label for="ref_position">Current Position</label>
        </div>
        <div class="row">
           <a class="btn-floating btn-large waves-effect waves-light red" 
style="text-align:center;"><i class="material-icons">clear</i></a>   <!-- 
for removing the referee -->
        </div>
      </div>

     <div class="row">
        <div class="col s12">
          <center>
            <a class="btn-floating btn-large waves-effect waves-light red" 
style="text-align:center;"><i class="material-icons">add</i></a>
          </center>
        </div>
     </div>

We have a resume model, and referees model with a many-to-many relationship 
like so:

class Resume(models.Model):
    first_name = models.CharField(max_length=250)
    last_name = models.CharField(max_length=250)
    ...


class Referees(models.Model):
    resume = models.ForiegnKey(Resume, on_delete=CASCADE)
    name = models.CharField(max_length=250)
    position = models.CharField(max_length=250)


What is the best way to achieve this?


questions:


   - I'm assuming when user hits 'add', we'll need to clone a copy of the 
   two input fields ('reference name' and 'current position'), and append it 
   to the form? is using the java-script clone method best practice?
   - Is it best to create a new instance of the referee model each time a 
   user hits "add", or create them all at once when the submit the form. (hit 
   save)
   - When the user returns to edit view, the form will need to repopulate 
   with all the new referees they added - what would be the best way to do 
   this?

Note we're not using react or angular. Just pain old html / js / ajax.

All advice, solutions, suggestions most appreciated.

Cheers!





-- 
You received this message because you are subscribed to the Google Groups 
"Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to django-users+unsubscr...@googlegroups.com.
To post to this group, send email to django-users@googlegroups.com.
Visit this group at https://groups.google.com/group/django-users.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/django-users/fcf35a60-b55d-4967-b2e0-68c8cf7dde5f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to