2008-09-02 38 views
18

Nếu tôi có một helper HTML như vậy:Styling người giúp đỡ HTML ASP.NET MVC

Name:<br /> 
<%=Html.TextBox("txtName",20) %><br /> 

Làm thế nào để áp dụng một lớp CSS cho nó? Tôi có phải quấn nó trong một khoảng không? Hoặc tôi cần phải bằng cách nào đó sử dụng tài sản HtmlAttributes của người trợ giúp?

Trả lời

32

Bạn có thể chuyển nó vào cuộc gọi TextBox dưới dạng tham số.

Name:<br/>  
<%= Html.TextBox("txtName", "20", new { @class = "hello" }) %> 

Dòng này sẽ tạo hộp văn bản có giá trị 20 và gán thuộc tính lớp với giá trị hello. Tôi đặt ký tự @ ở phía trước lớp, vì lớp là một từ khóa dành riêng. Nếu bạn muốn thêm các thuộc tính khác, chỉ cần tách các cặp khóa/giá trị bằng dấu phẩy.

2

Sử dụng các tham số htmlAttributes với một loại vô danh, như tihs:

<%=Html.TextBox("txtName","20", new { @class = "test"}) %> 
2

tôi đã làm một số nghiên cứu và đã xem qua bài viết này dường như có một giải pháp cho câu hỏi của bạn.

Ajax Control Toolkit với ASP.NET MVC#

nguồn: jimzimmerman

ĐIỀU LINK

http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=330

QUOTE

Vì vậy, về cơ bản nếu bạn đặt tên lớp TextboxWatermark trên bất kỳ hộp đầu vào với tiêu đề bạn muốn hiển thị như là watermark như thế này:

<input type="text" class"TextboxWatermark" name="username" id="username" title="Must be at least 6 chars" /> 

hoặc

<%= Html.TextBox("username", new { @class = "TextboxWatermark", @title = "Must be at least 6 chars" }) %> 

gì là tốt đẹp về tùy chọn thứ hai là bạn nhận được lợi ích bổ sung của nhờ Công cụ Xem để điền vào giá trị của hộp văn bản nếu có một mục trong Chế độ xem của ViewData.Model có một biến có tên là 'tên người dùng'.

-1

Là nó mà làm việc nhiều hơn nữa?

+0

Đối devloper không, nhưng đối với Nhà thiết kế CÓ. – Mahin

5

Đây là cách để thêm một lớp và một phong cách trên cùng một nguyên tố ...

"x" là mô hình thông qua để xem với một tài sản của TextBoxID

@Html.TextBoxFor(x => x.TextBoxID, new { @class = "SearchBarSelect", style = "width: 20px; background-color: green;" }) 
Các vấn đề liên quan