確認對話框jquery MVC3幫助器方法

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> 

然後在你的submitFunction()，可以從文本框的跨度移動值。

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>