2008-09-02 14 views
18

अगर मैं ऐसा जैसे किसी HTML सहायक है:स्टाइलिंग एचटीएमएल सहायकों ASP.NET MVC

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

मैं कैसे यह करने के लिए एक CSS वर्ग आवेदन करूं? क्या मुझे इसे एक अवधि में लपेटना है? या क्या मुझे किसी भी तरह सहायक की HtmlAttributes प्रॉपर्टी का उपयोग करने की ज़रूरत है?

उत्तर

32

आप इसे टेक्स्टबॉक्स कॉल में पैरामीटर के रूप में पास कर सकते हैं।

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

यह लाइन मान 20 के साथ एक टेक्स्ट बॉक्स बनाएगी और मूल्य हेल्लो के साथ कक्षा विशेषता असाइन करेगी। मैंने @ चरित्र को कक्षा के सामने रखा है, क्योंकि कक्षा एक आरक्षित कीवर्ड है। यदि आप अन्य विशेषताओं को जोड़ना चाहते हैं, तो कुंजी/मूल्य जोड़े को अल्पविराम से अलग करें।

2

tihs की तरह, एक गुमनाम प्रकार के साथ htmlAttributes पैरामीटर का उपयोग करें:

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

मैं कुछ शोध किया और इस लेख अपने प्रश्न का एक समाधान है ऐसा लगता है कि बारे में जाना।

अजाक्स नियंत्रण के साथ ASP.NET MVC# टूलकिट

स्रोत: jimzimmerman

लेख लिंक

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

उद्धरण

तो मूल रूप से यदि आप शीर्षक आप वॉटरमार्क इस तरह के रूप में दिखाना चाहते के साथ किसी भी पाठ बॉक्स इनपुट पर वर्ग के नाम TextboxWatermark डाल:

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

या

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

क्या अच्छा है दूसरे विकल्प के बारे में यह है कि का अतिरिक्त लाभ होने पर टेक्स्टबॉक्स के मान को भरने के लिए व्यू इंजन प्राप्त करना व्यूडाटा में व्यूडाटा में एक आइटम। ViewData.Model जिसमें 'उपयोगकर्ता नाम' नामक एक var है।

-1

यह है कि बहुत अधिक काम है?

+0

की संपत्ति devloper के लिए के साथ देखने के लिए पारित किया जा रहा है, लेकिन डिजाइनर हाँ के लिए। – Mahin

5

यह वही तत्व पर एक वर्ग और एक शैली को जोड़ने के लिए कैसे ... है

"x" मॉडल नहीं TextBoxID

@Html.TextBoxFor(x => x.TextBoxID, new { @class = "SearchBarSelect", style = "width: 20px; background-color: green;" })