आप ASP.NET में divs के लिए फ़ाइल के पीछे कोड में एक CSS शैली कैसे संशोधित करते हैं?

Question

मैं अपने aspx पृष्ठ के पीछे कोड में डेटाबेस तालिका से प्राप्त जानकारी के आधार पर एक div के लिए एक CSS शैली विशेषता को संशोधित करने की कोशिश कर रहा हूं। निम्नलिखित अनिवार्य रूप से मैं क्या करने की कोशिश कर रहा हूं, लेकिन मुझे त्रुटियां मिलती हैं।

aspx:

<div id="testSpace" runat="server">
    Test
</div>

कोड के पीछे:

testSpace.Style = "display:none;"    
testSpace.Style("display") = "none";

मैं क्या गलत कर रहा हूं?

Answer 1

testSpace.Style.Add("display", "none");

Comments

testSpace.Attributes.Add ("शैली", "प्रदर्शन: कोई नहीं;"); काम भी करेगा।

— रॉबर्ट सी। बार्थ

कोई भी यकीन नहीं है रॉबर्ट, मुझे लगता है कि यह रेखा मौजूदा शैली को दोनों शैलियों के विलय के बजाय नए के साथ बदल देगी।

— नेक्रिस

उपयोगी रूप से, यह एक मौजूदा शैली को बदल देता है, उदाहरण के लिए, आप पूरी तरह से एक वर्ग विशेषता को बदलना चाह सकते हैं।

— एंड्रयू मॉर्टन

Answer 2

यह एक HtmlGenericControl है, इसलिए सुनिश्चित करें कि ऐसा करने का अनुशंसित तरीका क्या है, इसलिए आप यह भी कर सकते हैं:

testSpace.Attributes.Add("style", "text-align: center;");

या

testSpace.Attributes.Add("class", "centerIt");

या

testSpace.Attributes["style"] = "text-align: center;";

या

testSpace.Attributes["class"] = "centerIt";

Answer 3

इसे करने का दूसरा तरीका:

testSpace.Style.Add("display", "none");

या

testSpace.Style["background-image"] = "url(images/foo.png)";

vb.net में आप इसे इस तरह से कर सकते हैं:

testSpace.Style.Item("display") = "none"

Comments

मुझे testSpace.Style.Item("display") = "none";.NET 4.0 में एक लेबल नियंत्रण का उपयोग करने में परेशानी हुई । मुझे त्रुटि मिली 'System.Web.UI.CssStyleCollection' does not contain a definition for 'Item' . . . । क्या यह किसी विशेष .NET संस्करण के लिए विशिष्ट है?

— एडम मिलर

मुझे क्षमा करें। पहले वाला VB.net दृष्टिकोण था। मैं अपना जवाब संपादित करूंगा

— निकोलज जैंडर

Answer 4

यदि आप आरंभीकृत सिंटैक्सnew वाला एक तत्व लेते हैं, तो आप कुछ इस तरह कर सकते हैं:

var row = new HtmlTableRow
{
  Cells =
  {
    new HtmlTableCell
    {
        InnerText = text,
        Attributes = { ["style"] = "min-width: 35px;" }
    },
  }
};

या यदि CssStyleCollectionविशेष रूप से उपयोग कर रहे हैं :

var row = new HtmlTableRow
{
  Cells =
  {
    new HtmlTableCell
    {
        InnerText = text,
        Style = { ["min-width"] = "35px" }
    },
  }
};