2010年8月3日 星期二

如何在Html.TextBoxFor內設定Disable TextBox欄位

在網頁維護資料頁面中,常需有TextBox欄位是給user看,但並不准許user去修改這個欄位,這時我們就需要將這個欄位給「失效」(disable)起來,看起來應該如下圖:




在一般Web Form應用中,我們可用TextBox控制項中的Enabled = "false" 來達成這個要求,但在MVC應用中,因為不採用控制項的方式,故我們需要在Html.TextBoxFor的屬性去標示。假設現在我們有一個TextBox欄位「會員編號」,因為在會員資料維護功能中,我們並不開放這個欄位給user修改,所以須將「會員編號」這個欄位給「失效」(disable)起來,並成只能看不能改的欄位,且整來反灰顯示,我們可以在MVC的View中用下列方式設定:


<%: Html.TextBoxFor(model => model.Order.CustomerID, new { @disabled = "disabled" })%>

這個View實際運作時,如下畫面所示,可達成我們將TextBox欄位「失效」(disable)起來的效果。



沒有留言:

張貼留言