11

Câu hỏi:Có giải pháp nào cho việc sử dụng ASP.NET MVC 5 Html.EditorFor() và Bootstrap 3.0 không?

Có cách nào để làm cho ASP.NET MVC 5 Html.EditorFor() giúp đỡ hình thức làm việc với các thay đổi Bootstrap 3 form syntax *.?

Thảo luận (về những gì tôi đã nhìn vào đã được):

Có vẻ có rất nhiều câu hỏi về SO hacks để ghi đè lên xây dựng trong những người giúp đỡ MVC. Nói chung, có vẻ như không có giải pháp được hỗ trợ để sửa đổi HTML của trình trợ giúp. (hãy sửa tôi nếu tôi sai)

Vì vậy, có thể xây dựng một tệp CSS shim để điều chỉnh HTML 2.3.x của Trình trợ giúp cho giao diện của CSS biểu mẫu Bootstrap 3 không? Dường như hầu hết các khía cạnh khác của MVC 5 đều tương thích với Bootstrap 3 ngoại trừ các trường biểu mẫu tự động.

Lợi ích của CSS shim, là nó có thể được loại bỏ khi ASP.NET MVC được cập nhật để hỗ trợ cú pháp Bootstrap mới hơn một cách tự nhiên.

* Tôi thừa nhận rằng ASP.NET MVC 5 vẫn đang trong giai đoạn thử nghiệm và đã được phát triển cho Bootstrap 2.3.x kể từ 3.0 cũng đã được thử nghiệm vào thời điểm đó.

+0

Tôi đã nghe nói rằng RTM của MVC 5 sẽ bao gồm hỗ trợ cho Bootstrap 3.0, mặc dù tôi không thể tìm thấy bài đăng trên blog hoặc ghi chú phát hành vào lúc này. Nếu bạn có thông tin về điều này, vui lòng đăng liên kết. –

+0

Dan, bạn đã tìm ra giải pháp từ khi bạn đăng bài này chưa? Bây giờ chúng ta đang gặp phải cùng một vấn đề mà bạn mô tả nơi chúng ta không thể đính kèm lớp Bootstrap 3 'form-control' mới vào các đầu vào được trả về với Html.EditorFor(). Chúng ta vẫn là SOL? –

+0

Thành thật mà nói, tôi đã không kiểm tra gần đây. Tôi có nghĩa là để kiểm tra lại vấn đề này một khi phiên bản cuối cùng của Visual Studio 2013 ra để xem nếu có bất kỳ cải tiến. Bạn đã kiểm tra xem có bản cập nhật NuGet có sẵn cho các thành phần bootstrap và MVC của bạn không? –

Trả lời

15

Hiện tại, giải pháp MS dành cho người trợ giúp MVC.

Đó là hiện Pre-thả, nhưng MVC5.1 có

MVC 5.1 được phát hành và có

hỗ trợ Bootstrap hưởng quang cảnh của

Bây giờ chúng ta cho phép đi qua trong thuộc tính html trong EditorFor dưới dạng đối tượng ẩn danh

Ví dụ mã ... Thông tin

@Html.EditorFor(model => model, new { htmlAttributes = new { @class = "form-control" }, }) 

Thông tin thêm về điều này ở đây .... http://www.asp.net/visual-studio/overview/2013/aspnet-and-web-tools-20132-preview-for-visual-studio-2013-release-notes#mvcbootstrap

.. và cài đặt hướng dẫn tại đây ... http://blogs.msdn.com/b/webdev/archive/2013/12/09/asp-net-and-web-tools-2013-2-preview-for-visual-studio-2013.aspx

+3

Lưu ý rằng bản cập nhật này hiện đã được phát hành chính thức .. http://blogs.msdn.com/b/webdev/archive/2014/01/20/announcing-the-release-of -asp-net-mvc-5-1-asp-net-web-api-2-1-và-asp-net-web-trang-3-1.aspx –

2

TwitterBootstrapMVC là thư viện người trợ giúp html, trọng tâm chính là đơn giản hóa việc viết html liên quan đến các biểu mẫu Khởi động Twitter.

Tính đến hôm nay, nó hoạt động với cú pháp Twitter Bootstrap 2. Tuy nhiên, hỗ trợ cho Twitter Bootstrap 3 sẽ sớm được phát hành.

Nếu bạn sử dụng người trợ giúp từ thư viện tihs, quá trình chuyển đổi từ v2 sang v3 sẽ không gây đau.


Disclaimer: Tôi là tác giả của TwitterBootstrapMVC
Các BMVC cho Bootstrap 3 là không được tự do.

+7

Đáng nói đến nó là một thư viện trả tiền. – Ofiris

+0

đã đề cập ...... – Dmitry

8

TwitterBootstrapMVC trông giống như trừu tượng tốt hơn Bootstrap 3 - tuyệt vời với API thông thạo, NHƯNG gửi chi tiết thẻ tín dụng cho bản dùng thử? Không.

Các vấn đề liên quan