确认对话框jquery MVC3 Helper方法

时间:2013-08-29 20:48:18

标签: jquery asp.net-mvc asp.net-mvc-3 razor jquery-ui-dialog

我正在我的一个MVC视图中创建一个确认对话框。基本上,我希望在将信息提交给服务器之前在对话框中显示完全相同的信息。

在我看来,我有类似以下的内容:

@Html.TextBoxFor(m => m.Prop1)
@Html.TextBoxFor(m => m.Prop2)

<input type="button" id="btnSubmit" value="Submit" onclick="submitFunction();" />

<div id="divConfirmDialog" title="Confirm Dialog">
    @Html.DisplayFor(m => m.Prop1)
    @Html.DisplayFor(m => m.Prop2)
</div>

document.ready函数中,我将divConfirmDialog初始化为jQuery对话框。我在提交按钮单击事件上打开对话框。

我没有看到我对对话框中的文本框所做的更改。当对话框打开时,我将如何看待这些更改?

2 个答案:

答案 0 :(得分:2)

DisplayFor()方法在页面加载时为属性的值呈现文本。

我会将html更改为:

<div id="divConfirmDialog" title="Confirm Dialog">
    <span class="prop1-display"></span>
    <span class="prop2-display"></span>
</div>

然后在submitFunction()中,您可以将值从文本框移动到跨度。

答案 1 :(得分:0)

是的,这是另一种方法,

<div id="divConfirmDialog" title="Confirm Dialog">
  @Html.DisplayFor(m => m.Prop1,new {@class="prop1-display"})
  @Html.DisplayFor(m => m.Prop2,new {@class="prop1-display"})
</div>