title: MVC3 Modal form inside a different page
body: <p>I apologize in advance if this is confusing, it's difficult for me to put this concept into words.</p>
  
  <p>Let's say I have a<code>Payment</code> Create screen, with a dropdown or listbox to select the associated <code>Vendor</code>, where exactly one <code>Vendor</code> must be chosen... but the <code>Vendor</code> does not yet exist.  I don't want to redirect the user to another page so they can create the prerequisite <code>Vendor</code>, and have the user lose all the information he/ she has already put in.  Instead I'd like to put a link on the screen that, when clicked, a modal form comes up so they can add the <code>Vendor</code> object on the fly, validate it, and reference it, then continue on with adding the <code>Payment</code> record.</p>
  
  <p>I already have a Create screen for the <code>Vendor</code>, it would be ideal if I could somehow reuse that code, but I don't see an easy way to do that.</p>
  
  <p>Here's another trick: the <code>Vendor</code> record may also reference something that does not exist; the possibility that there might be "nested" modal forms is reasonably high.  Additionally, there may be several "dependencies" for any given record, and I would want each one to exhibit the same sort of behavior for a consistent user experience.</p>
  
  <p>Is there some mechanism in the MVC framework, or a decently established pattern for creating this behavior?  I'm trying for a contiguous, intuitive user experience and I'm scratching my head about the best way to do this.</p>