javascript - ASP.NET MVC5, JSON, popup partialView - set DropDownList selected -

-

i want set ddl selected item item inserted in popup page. used script sample here - http://www.advancesharp.com/blog/1126/search-sort-paging-insert-update-and-delete-with-asp-net-mvc-and-bootstrap-modal-popup-part-2

in jsonresult see inserted value (checking in debug mode breakpoint), need setting value selected in ddl in main page.

public actionresult workplaces(int id = 0)         {             var workplace = new work();             return partialview("workplaces", workplace);         } [httppost] public jsonresult workplaces(work work) {     if (modelstate.isvalid)     {        db.works.add(work);        db.savechanges();        return json(new { success = true });     }        return json(work, jsonrequestbehavior.allowget); }

model classes

public class person {     public int id { get; set; }     [display(name = "person name")]     [required(allowemptystrings = false, errormessage = "name required")]     public string name { get; set; }     public nullable<int> workid { get; set; }     public virtual work work { get; set; } }  public class work {     public int id { get; set; }     [display(name = "work place")]     [required(allowemptystrings = false, errormessage = "name required")]     public string workplace { get; set; } }

main page

    @model testappauth.models.person      @{         viewbag.title = "create";     }      <h2>create</h2>       @using (html.beginform())     {     @html.antiforgerytoken()      <div class="form-horizontal">         <h4>person</h4>         <hr />         @html.validationsummary(true, "", new { @class = "text-danger" })         <div class="form-group">             @html.labelfor(model => model.name, htmlattributes: new { @class = "control-label col-md-2" })             <div class="col-md-10">                 @html.editorfor(model => model.name, new { htmlattributes = new { @class = "form-control" } })                 @html.validationmessagefor(model => model.name, "", new { @class = "text-danger" })             </div>         </div>          <div class="form-group">             @html.labelfor(model => model.workid, "workid", htmlattributes: new { @class = "control-label col-md-2" })             <div class="col-md-10">                 @html.dropdownlist("workid", null, htmlattributes: new {@class = "form-control"})                 @html.validationmessagefor(model => model.workid, "", new {@class = "text-danger"})                  <a class="btn btn-success" data-modal="" href="/person/workplaces" id="btncreate">                     <span class="glyphicon glyphicon-plus"></span>                 </a>             </div>         </div>         <div class="form-group">             <div class="col-md-offset-2 col-md-10">                 <input type="submit" value="create" class="btn btn-default" />             </div>         </div>     </div> }      <div>         @html.actionlink("back list", "index")     </div>      <!-- modal placeholder-->     <div id='mymodal' class='modal fade in'>         <div class="modal-dialog">             <div class="modal-content">                 <div id='mymodalcontent'></div>             </div>         </div>     </div>     @section scripts{         @scripts.render("~/scripts/appjs/workplace.js")     }

popup page

    @model testappauth.models.work      <div class="modal-header">         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>         <h3 class="modal-title">add new workplace</h3>     </div>     @using (html.beginform())     {         @html.antiforgerytoken()          <div class="form-horizontal">             <h4>work place</h4>             <hr />             @html.validationsummary(true, "", new { @class = "text-danger" })             <div class="form-group">                 @html.labelfor(model => model.workplace, htmlattributes: new { @class = "control-label col-md-2" })                 <div class="col-md-10">                     @html.editorfor(model => model.workplace, new { htmlattributes = new { @class = "form-control" } })                     @html.validationmessagefor(model => model.workplace, "", new { @class = "text-danger" })                 </div>             </div>          </div>      <div class="modal-footer">         <span id="progress" class="text-center" style="display: none;">             <img src="/images/wait.gif" alt="wiat" />             wait..         </span>          <input class="btn btn-primary" type="submit" value="save" />         <button class="btn btn-warning" data-dismiss="modal">close</button>     </div>     }   <script>         $("form").removedata("validator");         $("form").removedata("unobtrusivevalidation");         $.validator.unobtrusive.parse("form"); </script>

script popup

$(function () {     $.ajaxsetup({ cache: false });     $("a[data-modal]").on("click", function (e) {         $('#mymodalcontent').load(this.href, function () {             $('#mymodal').modal({                 keyboard: true             }, 'show');             bindform(this);         });         return false;     }); });  function bindform(dialog) {     $('form', dialog).submit(function () {         $('#progress').show();         $.ajax({             url: this.action,             type: this.method,             data: $(this).serialize(),             success: function (result) {                 if (result.success) {                     $('#mymodal').modal('hide');                     $('#progress').hide();                     location.reload();                 } else {                     $('#progress').hide();                     $('#mymodalcontent').html(result);                     bindform();                 }             }         });         return false;     }); }

also, script set [required] attribute in model classes, closes if click close button without filling fields. how make not close?

for question how validate before closing model use below code

$(function () {   $('#mymodal').on('hide.bs.modal', function (event) {     var form = $("#formid");     form.validate();     if(form.valid()){     //ajax;     }     else{     event.preventdefault();     }})});

now in ajax success used jquery add value dropdown


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more

c# - ErrorThe type or namespace name 'AxWMPLib' could not be found (are you missing a using directive or an assembly reference?) -

-
what possible reference handler axwmplib._wmpocxevents_playstatechangeeventhandler ? when pass event in method, private void axwindowsmediaplayer1_playstatechange(object sender,axwmplib._wmpocxevents_playstatechangeevent e) compiling throws following error: the type or namespace name 'axwmplib' not found (are missing using directive or assembly reference?) if using visual studio make sure have axwmplib listed under references in solution explorer. if have embedded windows media player control in form, should have been added automatically along wmplib . an easy way add these libraries if missing add windows media player control form (an existing 1 do). right-click on toolbox , pick "choose items..." context menu, tick "windows media player" control on "com components" tab , click ok. should have little windows media player icon attached cursor; click on form add it. add axwmplib , wmplib references solution. can delete w...
Read more