Quantcast
Channel: Visio General Questions and Answers for IT Professionals forum
Viewing all articles
Browse latest Browse all 2333

Save input data from popup modal MVC

$
0
0

Hi I am trying to save data from popup. When I execute my controller side data is not saved. Please see code below:

View:

@model IEnumerable<Model>
  
 
    <h2>Manage Dimension</h2>
                  
    @{
       <link href="@Url.Content("~/Content/Gridmvc.css")" rel="stylesheet" type="text/css" />
       <script src="@Url.Content("~/Scripts/gridmvc.min.js")" type="text/javascript"> </script>
      <script src="@Url.Content("~/Scripts/js/bootstrap.min.js")" type="text/javascript"> </script>
      <link href="@Url.Content("~/Content/bootstrap/css/bootstrap.min.css")" rel="stylesheet" type="text/css" />
      <link href="@Url.Content("~/Content/bootstrap/css/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />

    }


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()


    @*<html>*@
    <body>
        <hr />
        <div class="table-responsive">
            <table class="table table-striped  table-hover">
                <thead>
                    <tr>
                        <th>
                            ID
                        </th>
                        <th>
                            Name
                        </th>
                        <th>
                            Value
                        </th>
                        <th>
                            Action
                        </th>
                    </tr>
                    @foreach (var item in Model)
                    {
                        foreach (var i in item.Values)
                        {
                            <tr>
                                <td>
                                    <span data-bind="text: ID">@item.ID</span>
                                </td>
                                <td>
                                    <span data-bind="text: Name">@item.Name</span>
                                </td>
                                <td>
                                    <span data-bind="text: Value">@i.Value</span>
                                </td>
                                <td>
                                    <button type="button" class="edit-mode" data-toggle="modal" data-target="#myModal" id="c.ResellerId">edit</button>
                                </td>
                            </tr>
                        }
                    }

            </table>
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">Edit/Add Dimension</h4>
                        </div>
                        <div class="modal-body">

                            <div id="dialog-form" title="Create new user">            
                                <form>
                                    <fieldset>
                                        <label for="name">Name</label>
                                        <input type="text" name="name" id="name" value="" class="text ui-widget-content ui-corner-all"><br /><br />
                                        <label for="email">Value</label>
                                        <input type="text" name="value" id="value" value="" class="text ui-widget-content ui-corner-all">
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-default"  id="inviteRequest">Save changes</button>
                        </div>
                    </div>
                </div>
            </div>  
            <br />
            <br />
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myModal" data-bind="click: Save">Add</button>
            </div>


            <script src="~/Scripts/App/Modal.js"></script>
            @*<script type="text/javascript" src="https://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>*@
            @*<script src="@Url.Content("~/Scripts/js/bootstrap.min.js")" type="text/javascript"> </script>*@
            <script type="text/javascript">
                $(document).ready(function () {
                    $('#inviteRequest').click(function () {
                        console.log(1);
                        $('#myModal').modal('hide');
                        $.post('/ManageDimension/Create', { "Name": name, "Value": value })
                        alert("You clicked me!");
                        window.location.reload(true);
                    });
                });

            </script>


        </div>       
    </body>
 
</html>

 Controller:

  [HttpPost]
        
        public ActionResult Create( DataModel dimension)
        {
            if (ModelState.IsValid)
            {
                db.Save(dimension);
              
                return RedirectToAction("Index");
            }
            else
            {
                return View(dimension); 
            }

        }


Viewing all articles
Browse latest Browse all 2333

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>