Sự khác biệt giữa Html.TextboxFor và Html.EditorFor trong MVC và Razor

Question

Tại sao theo mặc định, những thay đổi này lại được thêm khi thêm chế độ xem "chỉnh sửa" mới? Ưu điểm khi sử dụng EditorFor() so với TextboxFor() là gì?

Tôi thấy điều này

Theo mặc định, Tạo và chỉnh sửa giàn giáo hiện nay sử dụng các helper Html.EditorFor thay vì helper Html.TextBoxFor. Điều này cải thiện hỗ trợ siêu dữ liệu trên mô hình dưới dạng thuộc tính chú thích dữ liệu khi hộp thoại Thêm chế độ xem tạo ra chế độ xem.

Answer 1

Ưu điểm của EditorFor là mã của bạn không được gắn với <input type="text". Vì vậy, nếu bạn quyết định thay đổi thứ gì đó về cách hộp văn bản của bạn được hiển thị như thế nào trong gói div, bạn có thể chỉ cần viết mẫu trình chỉnh sửa tùy chỉnh (~/Views/Shared/EditorTemplates/string.cshtml) và tất cả hộp văn bản trong ứng dụng của bạn sẽ tự động được hưởng lợi từ thay đổi này trong khi nếu bạn có hardcoded Html.TextBoxFor bạn sẽ phải sửa đổi nó ở khắp mọi nơi. Bạn cũng có thể sử dụng Chú thích dữ liệu để kiểm soát cách thức được hiển thị.

Answer 2

Html.TextboxFor luôn tạo một hộp văn bản (<input type="text" ...).

Trong khi EditorFor xem loại và thông tin meta và có thể hiển thị điều khiển khác hoặc mẫu bạn cung cấp.

Ví dụ về thuộc tính DateTime, bạn có thể tạo mẫu sử dụng jQuery DatePicker.

Answer 3

TextBoxFor: Nó sẽ hiển thị như phần tử nhập văn bản html tương ứng với biểu thức được chỉ định. Nói một cách đơn giản, nó sẽ luôn luôn hiển thị như một kiểu dữ liệu đầu vào không phân biệt kiểu dữ liệu của thuộc tính đang liên kết với điều khiển.

EditorFor: Điều khiển này thông minh một chút. Nó ám HTML đánh dấu dựa trên kiểu dữ liệu của thuộc tính. Ví dụ. giả sử có một thuộc tính boolean trong mô hình. Để hiển thị thuộc tính này trong chế độ xem làm hộp kiểm, chúng tôi có thể sử dụng CheckBoxFor hoặc EditorFor. Cả hai sẽ tạo ra cùng một đánh dấu.

Lợi thế của việc sử dụng EditorFor là gì?

Như chúng ta biết, tùy thuộc vào kiểu dữ liệu của thuộc tính mà nó tạo đánh dấu html. Vì vậy, giả sử ngày mai nếu chúng ta thay đổi kiểu dữ liệu của thuộc tính trong mô hình, không cần phải thay đổi bất cứ điều gì trong khung nhìn. Trình điều khiển EditorFor sẽ tự động thay đổi đánh dấu html.

Answer 4

Cũng có sự khác biệt nhỏ về đầu ra html cho loại dữ liệu chuỗi.

Html.EditorFor: 
<input id="Contact_FirstName" class="text-box single-line" type="text" value="Greg" name="Contact.FirstName"> 

Html.TextBoxFor: 
<input id="Contact_FirstName" type="text" value="Greg" name="Contact.FirstName"> 

Answer 5

Đây là một trong những khác biệt cơ bản không được đề cập trong ý kiến ​​trước:
Readonly bất động sản sẽ làm việc với textbox cho và nó sẽ không làm việc với EditorFor.

@Html.TextBoxFor(model => model.DateSoldOn, new { @readonly = "readonly" }) 

Trên đang hoạt động, trong khi đó với sau bạn không thể thực hiện điều khiển để readonly.

@Html.EditorFor(model => model.DateSoldOn, new { @readonly = "readonly" })