jquery - 确认对话框 jquery MVC3 Helper 方法

Question

我正在我的一个 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 对话框。我在提交按钮单击事件上打开对话框。

我没有看到我对对话框内的文本框所做的更改。当对话框打开时，我将如何查看这些更改？

Answer 1

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

我会将 html 更改为如下内容：

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

Then in your submitFunction(), you can move the values from the textboxes to the spans.

Answer 2

是的，这是另一种方法，

<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>