আপনি কীভাবে এএসপি.নেটে ডিভের জন্য ফাইলের পিছনে কোডে একটি সিএসএস স্টাইল পরিবর্তন করতে পারেন?

Question

আমি আমার এসপিএক্স পৃষ্ঠার পিছনের কোডটিতে একটি ডাটাবেস টেবিল থেকে প্রাপ্ত তথ্যের উপর ভিত্তি করে ডিভের জন্য একটি সিএসএস স্টাইল বৈশিষ্ট্যটি সংশোধন করার চেষ্টা করছি। নিম্নলিখিতটি আমি মূলত যা করার চেষ্টা করছি তা হ'ল তবে আমি ত্রুটি পেয়েছি।

অ্যাসপেক্স:

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

পিছনে কোড:

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

আমি কি ভুল করছি?

Answer 1

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

Comments

পরীক্ষাস্পেস.অ্যাট্রিবিউটস.এড করুন ("শৈলী", "প্রদর্শন: কিছুই নয়;"); কাজ করবে।

— রবার্ট সি বার্থ

নিশ্চিত নয় রবার্ট, আমি মনে করি এই লাইনটি দুটি শৈলীর একত্রিত করার পরিবর্তে বিদ্যমান শৈলীর পরিবর্তে নতুনটির সাথে প্রতিস্থাপন করবে।

— নেক্রিস

কার্যকরভাবে, এটি একটি বিদ্যমান শৈলী প্রতিস্থাপন করে, উদাহরণস্বরূপ আপনি সম্ভবত একটি শ্রেণীর বৈশিষ্ট্য পরিবর্তন করতে চান।

— অ্যান্ড্রু মর্টন

Answer 2

এটি একটি এইচটিএমএল জেনেরিক কনট্রোল তাই এটি করার প্রস্তাবিত উপায় কী তা নিশ্চিত নয়, তাই আপনি এটি করতেও পারেন:

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";নেট নেট 4.0.০ এ লেবেল নিয়ন্ত্রণ ব্যবহার করতে আমার সমস্যা হয়েছিল। আমি ত্রুটি পেয়েছি 'System.Web.UI.CssStyleCollection' does not contain a definition for 'Item' . . . । এটি একটি নির্দিষ্ট। নেট সংস্করণে নির্দিষ্ট?

— অ্যাডাম মিলার

আমি দুঃখিত. প্রথমটি ছিল 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" }
    },
  }
};