通过JavaScript从视图MVC发布多个参数

2019-10-27 18:06:08 阅读：143 来源： 互联网

我想将在文本框字段中进行的任何更改立即保存到我的数据库,我使用javascript将更改后的值传递回控制器,但是我不知道如何与此一起传递唯一ID以保存更改后的值.
下面是我将价格传递回脚本的视图,我该如何传递零件ID？

@foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.partid, new { id = "partCode"})
            </td>
            <td>
                @Html.DisplayFor(modelIem => item.partdesc)
            </td>
            <td>
                @Html.TextBoxFor(modelItem => item.price, new { id = "priceTextBox", @class = "mytext rightJustified" })
            </td>
        </tr>
    }

</table>


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function () {
    $('#priceTextBox').change(function () {
        var changedText = $(this).val();
        var partsJava = $("#partCode").val();
        
            //Post the content of your Textbox to your "YourAction" action in "YourController"
        $.post('@Url.Action("EnterNewSpecialPrice2", "SpecialPrices")', { "ChangedText": changedText, "PassPartCode": partsJava }, function (data) { });
            });
});
    </script>

解决方法:

定义一个类,以容纳与您在脚本中创建的Json对象匹配的两条信息：

 public class PartInputModel{

    public string ChangedText {get;set;}
    public string PassPartCode {get;set;}

 }

请注意,上面的属性必须与您在此处定义的属性匹配：

{ ChangedText: changedText, PassPartCode: partsJava }

另请注意,创建JSON结构时,必须删除ChangedText和PassPartCode定义周围的双引号,因为这不是必需的.

更改您的控制器动作以接收该对象,并让模型绑定完成工作：

    [HttpPost]
    public ActionResult EnterNewSpecialPrice2(PartInputModel inputModel)   {
        // inputModel will have your two pieces of data 

    }

一种更好的存储和检索id的机制是通过添加data-id标签将其作为数据标签附加到文本框的标记中：

 @Html.TextBoxFor(m => item.price, new { id = "", @class = "priceTextBox mytext rightJustified", data_id="item.partid" })

然后更改您的脚本以阅读以下内容：

var partsJava = $(this).data('id');

这种方法的优点是,只需扩展JSON结构并将匹配属性添加到PartInputModel类中,就很容易传递其他参数.

标签：razor,javascript,c,asp-net-mvc
来源： https://codeday.me/bug/20191027/1946362.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

通过JavaScript从视图MVC发布多个参数