मैं एएसपी.एमवीसी में एक मल्टीलाइन संपादक के कॉलम और पंक्तियों को कैसे निर्दिष्ट करूं?

Question

एएसपी.एमवीसी 3 में, मैं multiline EditorFor (textarea) के लिए कॉलम और पंक्तियों को कैसे निर्दिष्ट करूं? मैं [UIHint("MultilineText")] का उपयोग कर रहा हूं, लेकिन पाठ क्षेत्र के लिए विशेषताओं को जोड़ने के तरीके पर कोई दस्तावेज नहीं मिल रहा है।

वांछित HTML:

<textarea cols="40" rows="10"></textarea> 

मेरी MVC 3 मॉडल के प्रासंगिक भाग:

[UIHint("MultilineText")] 
public string Description { get; set; } 

मेरी उस्तरा cshtml की

प्रासंगिक भाग:

<div class="editor-field"> 
    @Html.EditorFor(model => model.Description) 
</div> 

क्या मैं दृश्य में हो रही है स्रोत:

<div class="editor-field"> 
    <textarea class="text-box multi-line" id="Description" name="Description"></textarea> 
</div> 

मैं पंक्तियों और स्तंभों को कैसे सेट करूं?

Answer 1

उपयोग TextAreaFor

@Html.TextAreaFor(model => model.Description, new { @class = "whatever-class", @cols = 80, @rows = 10 }) 

या उपयोग multi-line वर्ग के लिए शैली।

आप इसके लिए EditorTemplate भी लिख सकते हैं।

Answer 2

एक विकल्प पाठ क्षेत्र

.multi-line { height:5em; width:5em; } 

देखें this entry on SO या this one. शैली सीएसएस का उपयोग करने की

Amurra के स्वीकार किए जाते हैं जवाब इस वर्ग के संकेत करने लगता है स्वचालित रूप से जोड़ दिया जाता है जब EditorFor का उपयोग कर लगता है, लेकिन आप करना होगा इसे सत्यापित करें।

संपादित करें: पुष्टि की गई, यह करता है। तो हाँ, अगर आप EditorFor का उपयोग करना चाहते हैं, तो इस सीएसएस शैली का उपयोग करके आप जो खोज रहे हैं।

<textarea class="text-box multi-line" id="StoreSearchCriteria_Location" name="StoreSearchCriteria.Location"> 

Answer 3

एएसपी.नेट एमवीसी 5 में आप [DataType(DataType.MultilineText)] विशेषता का उपयोग कर सकते हैं। यह टेक्स्टएरिया टैग प्रस्तुत करेगा।

public class MyModel 
{ 
    [DataType(DataType.MultilineText)] 
    public string MyField { get; set; } 
} 

ध्यान में रखते हुए

तो अगर आप इस तरह यह कर सकते हैं पंक्तियों निर्दिष्ट करना होगा:

@Html.TextAreaFor(model => model.MyField, 10, 20, null) 

Answer 4

यह: सही अधिभार के साथ

@Html.EditorFor(model => model.MyField, new { htmlAttributes = new { rows = 10 } }) 

या बस का उपयोग TextAreaFor मुझे कम प्रयास के साथ भी इस्तेमाल किया जा सकता है (लेकिन मैं एमवीसी 5 में हूं)

@Html.Description(model => model.Story, 20, 50, new { }) 

Answer 5

MVC 5

   @Html.EditorFor(x => x.Address, 
       new {htmlAttributes = new {@class = "form-control", 
        @placeholder = "Complete Address", @cols = 10, @rows = 10 } })