Javascript 在模式对话框MVC、jQuery中提交局部视图表单
这是我的密码:Javascript 在模式对话框MVC、jQuery中提交局部视图表单,javascript,jquery,model-view-controller,modal-dialog,partial-views,Javascript,Jquery,Model View Controller,Modal Dialog,Partial Views,这是我的密码: <td class="tedit"> <%= Html.ActionLink(item.Comments, "Comments", new { jobNumber = item.JobNumber, ordNumber = item.OrderNumber }, new { @class = "modalEdit" })%> </td> <div id="resultEdit" title=
<td class="tedit">
<%= Html.ActionLink(item.Comments, "Comments", new { jobNumber = item.JobNumber, ordNumber = item.OrderNumber }, new { @class = "modalEdit" })%>
</td>
<div id="resultEdit" title="Edit Comments" style="display: none;">
<% Html.RenderPartial("AddComments", Model.InnerModel.RoadReportModelProp); %>
</div>
<script type="text/javascript">
$(document).ready(function () {
//initialize the dialog
$("#resultEdit").dialog({ modal: true, width: 300, resizable: true, position: 'center', title: 'Add Comments', autoOpen: false,
buttons: { "Save": function () {
var dlg = $(this);
dlg.Close();
}}
});
});
$(function () {
$('.modalEdit').click(function () {
//load the content from this.href, then turn it into a dialog.
$('#resultEdit').load(this.href).dialog('open');
$.unblockUI();
return false;
});
});
</script>
$(文档).ready(函数(){
//初始化对话框
$(“#resultEdit”)。对话框({modal:true,width:300,resize:true,position:'center',title:'addcomments',autoOpen:false,
按钮:{“保存”:函数(){
var dlg=$(本);
dlg.Close();
}}
});
});
$(函数(){
$('.modalEdit')。单击(函数(){
//从this.href加载内容,然后将其转换为对话框。
$('#resultEdit').load(this.href).dialog('open');
$.unbui();
返回false;
});
});
单击对话框中的“保存”按钮时,我需要向控制器发送POST请求,但我无法发送POST
请提供帮助。您应该能够使用$.post保存数据。比如说
$.post(url, data, function(response) {
// Do something with response
});
您需要从对话框中收集数据
问候,
Huske您可以使用以下内容发布,此外,您是否可以提供要发布的表单的代码,以及您创建的控制器:
<script type="text/javascript">
$(document).ready(function() {
//get the form
var f = $("#idofForm");
var action = f.attr("action");
var serializedForm = f.serialize();
$.post(action, serializedForm, function() {
alert('we are back');
}
});
</script>
$(文档).ready(函数(){
//拿到表格
var f=$(“#i格式”);
var action=f.attr(“action”);
var serializedForm=f.serialize();
$.post(操作、序列化格式、函数(){
警惕(“我们回来了”);
}
});
姓名:*
我需要在添加评论后将结果保存到数据库中:这是我的部分视图代码
<div>
<% using (Html.BeginForm("Post-FormActionName", "Controllername"))
{
%>
<div class="fieldsColumn">
<label>Name: *</label>
<%=Html.TextBoxFor("Name")%>
</div>
<div class="fieldsColumn">
<input id="submit" type="submit" value="Save"/>
</div>
<%}%>
</div>