0

我将模型传递给我的视图。它的字段是隐藏的。我的 td 在这里（在这个视图中）

我怎么能说当我点击按钮（提交-btn2）时，首先我的java脚本代码执行。然后我的填充模型将被发布？

我的部分视图：

    @Html.HiddenFor(m => m.username)
    @Html.HiddenFor(m => m.Tell)
    @Html.HiddenFor(m => m.Name)
    @Html.HiddenFor(m => m.Mobil)
    @Html.HiddenFor(m => m.Lname)

      <button class="btn btn-medium btn-general input-block-level" id="submit-btn2"   type="submit">save</button>

          //all tds are here in this page(this view)

        // $(document).ready(function () {
        //$('#submit-btn2').click(function () {
        //$("#username").val($(".tdBuyername").val());
        //$("#Tell ").val($(".tdPhone").val());
        //$("#Name ").val($(".tdRecievername").val());
        //$("#Mobil ").val($(".tdMobile").val());
        //$("#Lname ").val($(".tdLname").val());
          //});
        // });



      <script type="text/javascript">

$("#submit-btn2").click(function () { saveMyModel();});

function SaveMyModel()
{
    var e = document.getElementById("id_purchase");
    var str = e.options[e.selectedIndex].value;

    var e2 = document.getElementById("id_spend");
    var str2 = e.options[e.selectedIndex].value;

    $.ajax({
        url: '@Url.Action("Save", "Home")',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({
            jsonMyModel: {

                username: $(".tdBuyername").val(),
                Tell: $(".tdPhone").val(),
                Name: $(".tdRecievername").val(),
                Mobil: $(".tdMobile").val(),
                Lname: $(".tdLname").val(),

                id_purchase: $("# id_purchase ").val(str),
                id_spend: $("# id_spend ").val(str2),
            }

            })
    });
}

我的控制器：

    [HttpGet]
    public ActionResult Customer()
    {
        var obj = new Project.Models.ModelClasses.ViewModelX();
        return PartialView(obj);
    }

    [HttpPost]
    public JsonResult Save(ViewModelX jsonMyModel)
    {
        var result = true;

        if (ModelState.IsValid)
        {

          result= MyClass.Insert (jsonMyModel.Address, jsonMyModel.Cod,
                jsonMyModel.idpurchase,
                jsonMyModel.idspend, jsonMyModel.Lname,
                jsonMyModel.Name, jsonMyModel.Tell, jsonMyModel.username);

        }
        else
        {

        }

        return Json(result, JsonRequestBehavior.AllowGet);

    }

我的课：

    public class ViewModelX
    {
    public Nullable< long > idpurchase { get; set; }
    public Nullable<long> idspend { get; set; }
    public string username { get; set; }
    public string Name { get; set; }
    public string Lname { get; set; }
    public string Tell { get; set; }
    public string Address { get; set; }
    public string CodPosti { get; set; }

}
4

2 回答 2

0

只需将以下内容添加到click处理程序的末尾：

$('#myForm').submit();

myForm表单的 id 属性在哪里。

假设您的控制器操作接受与您的视图键入的类匹配的参数，模型绑定器应该照常处理它。

于 2013-09-08T14:01:01.963 回答
0

您是否使用强类型模型？

您所描述的可以通过两种方式完成。

  1. 用于AJAX在不重新加载页面的情况下发布您的数据。
  2. 使用普通表单发布数据。

使用 AJAX

假设您的控制器方法如下：

[HttpPost]
public JsonResult Save(MyModel jsonMyModel)
{
 //do saving stuff
}

在哪里，你的模型MyModel看起来像

public class MyModel()
{
  public string Username { get; set;}
  public string Tell { get; set;}
  public string Name { get; set;}
  public string Mobile { get; set;}
  public string LastName { get; set;}
}

您可以使用普通 jquery 或 javascript 创建您的控制器方法接受的模型，并使用 AJAX 发布它，如下所示：

 $("#submit-btn2").click(function () { saveMyModel();});

 function SaveMyModel()
 {
        $.ajax({
                url: '@Url.Action("Method", "SomeController")',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({
                    jsonMyModel: {
                        Username:  $("#username").val(),
                        Tell: $("#Tell ").val(),
                        Name: $('#listviewlabel').val(),
                        Mobile: $("#Name ").val(),
                        LastName:$("#Lname ").val() 
                    })
           });
 }

使用正常形式的帖子

你可以直接google这个东西。您甚至可以在您的帐户控制器中找到它。

于 2013-09-08T14:01:10.890 回答